html5 main標籤是什麼意思？ html5 main標籤作用的詳細介紹

html5 main標籤是什麼意思？ html5 main標籤作用又有哪些？本篇文章主要講了html5 main標籤的定義及其具體的作用，還有關於html5 main標籤的使用詳細說明。

首先，我們來了解html main是什麼意思：

html5 main標籤的定義和作用：

##

標籤規定文檔的主要內容。

元素中的內容對於文件來說應當是唯一的。它不應包含在文件中重複出現的內容，例如側邊欄、導覽列、版權資訊、網站標誌或搜尋表單。

註解：在一個文件中，不能出現一個以上的

元素。

元素不能是下列元素的後代：

、

、

、

或

。

標籤是 HTML 5 中的新標籤。

早在2013 年，

元素就被正式添加到W3C HTML 規範中，到目前為止，關於該元素的定義已經很完善了，所以現在是時候深入了解什麼時候適合使用

元素了。那麼，下面就開始吧。

W3C 規範

的主要目的是將 ARIA 的地標作用 main 對應到 HTML 中的元素。這可以幫助那些螢幕閱讀設備和輔助設備知道頁面的主要內容是從哪裡開始的。

W3C 規格將

描述為 ：

文件或應用程式的主要內容。主內容區域由與文件的中心主題或應用的核心功能的直接相關或擴展的內容組成。

自從

元素包含在 HTML 規定里之後， 元素就還原成了它在 HTML4 中的定義。

The body element represents the content of the document.

html5 main標籤具體使用的作用：##使用

元素值得注意的一點是，它在每個頁面中只能使用一次。為什麼要規定一個頁面只能使用一次呢？雖然我對具體的細節不感興趣，但有些觀點看起來還是比較有意義的。

依照規格，如果你在一個文件中試圖使用多個

標籤，那麼 W3C validator 會拋出錯誤。

元素的另一個規定是，它不能作為

,

,

,

,

的子元素節點。

html5 main標籤的具體使用：

就像其它的HTML5 新元素一樣，並不是所有的瀏覽器都能夠識別出

，並且給它加上預設的樣式，你可能需要在自己的CSS 檔案中將它設定為區塊級元素。

main {display:block;}

有的時候，為了支援一些較低版本的 IE 瀏覽器，你可能還需要使用 JavaScript 來建立該元素。

<script type="text/javascript">document.createElement(&#39;main&#39;);</script>

當然了，你還可以使用html5shiv.

使用

元素最簡單的方式就是去替換那些ID 或Class 值為main 或content 之類的

所以，在實踐中它應該是什麼樣子呢？下面是使用

元素之前的文檔結構。

<header>Header</header>
<div id="content">Main Content</div>
<footer>Footer</footer>

下面使用

元素改寫文件。

<header>Header</header>
<main id="content">Main Content</main>
<footer>Footer</footer>

好了，這是如此的簡單，以至於一分鐘不到我們就可以將文件改寫成新潮的 HTML5 樣式。

【相關推薦】

HTML5標籤是什麼意思？ HTML5標籤的基本用法詳解

html textarea是什麼意思？如何取得textarea標籤中的換行符和空格？

#

以上是html5 main標籤是什麼意思？ html5 main標籤作用的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！