文章導航

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 亚太88彩群 双色球网上官方网站 陕西11选五开奖下载 内蒙古快三今日预测 北京pk10官网开奖 极速时时彩计划数据 山东十一选五专家推荐 快3倍投 981游戏中心捕鱼游戏下载 任选9场开奖结果 淘宝快3 甘肃快3一定牛 山东11选5预测任三推荐 诈金花出老千软件下载 浙江快乐彩 澳洲幸运10开奖链接