文章導航

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 博友彩app 竞彩6场半 吉林时时电子走势图 江西时时彩开了去年号 四川快乐12遗漏 澳洲幸运开奖官网 重庆时时乐娱网址 玩龙虎的个人经验 六合至尊报 福彩快三走势图今天江西 nba开奖结果 黑龙江快乐十分钟直播 百宝彩票山东省群英会 新时时分析软件 北京赛车pk历史 特马走势图