溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹html5 main標簽有什么用，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
首先，我們來了解一下html main是什么意思：
html5 main標簽的定義和作用：
<main> 標簽規定文檔的主要內容。
<main> 元素中的內容對于文檔來說應當是唯一的。它不應包含在文檔中重復出現的內容，比如側欄、導航欄、版權信息、站點標志或搜索表單。
注釋：在一個文檔中，不能出現一個以上的 <main> 元素。<main> 元素不能是以下元素的后代：<article>、<aside>、<footer>、<header> 或 <nav>。
<main> 標簽是 HTML 5 中的新標簽。
早在 2013 年，<main> 元素就被正式添加到 W3C HTML 規范中，到目前為止，關于該元素的定義已經很完善了，所以現在是時候深入了解什么時候適合使用 <main> 元素了。那么，下面就開始吧。
W3C 規范
<main> 的主要目的是將 ARIA 的地標性作用 main 映射到 HTML 中的元素。這可以幫助那些屏幕閱讀設備和輔助設備知道頁面的主要內容是從哪里開始的。
W3C 規范將 <main> 描述為 ：
文檔或應用程序的主要內容。主內容區域由與文檔的中心主題或應用的核心功能的直接相關或擴展的內容組成。
自從 <main> 元素包含在 HTML 規定里之后，<body> 元素就還原成了它在 HTML4 中的定義。
The body element represents the content of the document.
html5 main標簽具體使用的作用：
使用 <main> 元素值得注意的一點是，它在每個頁面中只能使用一次。為什么要規定一個頁面只能使用一次呢？雖然我對具體的細節并不感興趣，但是有些觀點看起來還是比較有意義的。
按照規格，如果你在一個文檔中試圖使用多個 <main> 標簽，那么 W3C validator 會拋出錯誤。
<main> 元素的另外一個規定是，它不能作為 <article>, <header>, <aside>, <footer>, <nav> 的子元素節點。
html5 main標簽的具體使用：
就像其它的 HTML5 新元素一樣，并不是所有的瀏覽器都能夠識別出 <main> ，并且給它加上預設的樣式，你可能需要在自己的 CSS 文件中將它設置為塊級元素。
main {display:block;}有的時候，為了支持一些較低版本的 IE 瀏覽器，你可能還需要使用 JavaScript 創建該元素。
<script type="text/javascript">document.createElement('main');</script>當然了，你還可以使用 html5shiv.
使用 <main> 元素最簡單的方式就是去替換那些 ID 或者 Class 值為 main 或者 content 之類的 <div> 元素。
所以，在實踐中它應該是什么樣子呢？下面是使用 <main> 元素之前的文檔結構。
<header>Header</header> <div id="content">Main Content</div> <footer>Footer</footer>
下面使用 <main> 元素改寫文檔。
<header>Header</header> <main id="content">Main Content</main> <footer>Footer</footer>
好了，這是如此的簡單，以至于一分鐘不到我們就可以將文檔改寫成新潮的 HTML5 樣式。
以上是html5 main標簽有什么用的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
