文章導航

HTML <main> 標簽

2019-7-30 23:17| 作者: admin| 查看: 520| 評論: 0|來自: 螞蟻部落

<section>是HTML5新增的語義化標簽之一。

關于語義化標簽的概念與作用可以參閱HTML 語義化布局概述一章節。

一.<main>標簽作用:

<main>標簽用于創建頁面中主要內容。

此標簽中的內容在原則上不能是網站頁面中重復出現的內容,比如不能是導航欄或站點版權信息等。

通過如下簡單的布局結構對其進行分析:

a:3:{s:3:\"pic\";s:43:\"portal/201907/30/231802wgaqphctt1i1fjxt.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

布局簡單分析如下:

(1).下部左側是頁面的主體部分,通常用<div>創建,用于顯示頁面的主要內容。

(2).對其命名,HTML5之前的做法是id="main"。

現在我們可以使用<main>標簽來替代<div>元素,主要優點如下:

(1).語義明確,便于搜索引擎和一些特殊設備識別。

(2).減少了id="main"類似屬性的應用,在一定程度上做到了減負。

二.代碼片段:

[HTML] 純文本查看 復制代碼
<body>
  <herder>
    <nav></nav>
  </herder>
  <div id="content">
    <main></main>
    <aside></aside>
  </div>
  <footer></footer>
</body>

上述代碼對<main>做了一個結構演示,非常的簡單,無非是作為頁面的主要內容的容器。


鮮花

握手

雷人

路過

雞蛋

最新評論

返回頂部
大圣捕鱼2 安卓下载软件 快乐时时开奖号码 188比分直播|直播吧 宝石彩票下载安装 pk10冠军选号方法 pt电子游戏放水规律 时时彩技巧与攻略 竞彩足球稳 新万博 奔驰彩票官网 北京pk10彩票是真的吗 单机游戏斗地主单机版 pk10免费计划软件安卓 宾利娱乐登录 微信北京pk10计划 时时彩绝龙虎和密算法