HTML <main> 標籤

admin發表於2019-07-30
HTMLAI

<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>做了一個結構演示，非常的簡單，無非是作為頁面的主要內容的容器。

相關文章