HTML <main>標簽是一個HTML5元素,用于定義HTML文檔中的主要內(nèi)容,并且文檔中應(yīng)該只有一個 <main>元素。此標簽通常也稱為 <main>元素。
在HTML中,<main>標記的語法為:
<body> <main role="main"> <h1>(cainiaoplus.com)</h1> <p>您可信賴的學(xué)習(xí)新技術(shù)的資源</p> <article> <h2>HTML</h2> <p>通過我們的分步教程和參考資料學(xué)習(xí)HTML(超文本標記語言)。</p> </article> <article> <h2>CSS</h2> <p>通過我們的分步教程和參考資料學(xué)習(xí)CSS(級聯(lián)樣式表)。</p> </article> </main> </body>
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 <main> 標簽。
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 main標簽的使用(菜鳥教程 (cainiaoplus.com))</title> </head> <body> <main role="main"> <h1>(cainiaoplus.com)</h1> <p>您可信賴的學(xué)習(xí)新技術(shù)的資源.</p> <article> <h2>HTML</h2> <p>通過我們的分步教程和參考資料學(xué)習(xí)HTML(超文本標記語言)。</p> </article> <article> <h2>CSS</h2> <p>通過我們的分步教程和參考資料學(xué)習(xí)CSS(級聯(lián)樣式表)。</p> </article> </main> </body> </html>測試看看 ?/?
HTML <main>元素是在<body>標記內(nèi)找到的HTML5元素。
<main>標簽不應(yīng)用于重復(fù)的內(nèi)容,例如導(dǎo)航,網(wǎng)站徽標,社交媒體鏈接,版權(quán)信息和側(cè)邊欄。
建議在<main>元素上使用ARIA角色“ main”,以便舊瀏覽器中的屏幕閱讀器可以訪問它,例如: <main role="main">
對于早于IE 9的IE瀏覽器,請使用HTML5shiv,這是一種JavaScript解決方法,可為新的HTML5元素提供支持,例如:<header>,<main>, <article>,<section>,<aside>,<nav>,<footer>。
在文檔中,<main> 元素的內(nèi)容應(yīng)當(dāng)是獨一無二的。任何同時存在于任意一系列文檔中的相同、重復(fù)內(nèi)容,比如側(cè)邊欄、導(dǎo)航欄鏈接、版權(quán)信息、網(wǎng)站 Logo,搜索框(除非搜索框為文檔的主要功能),都不應(yīng)當(dāng)被包含在其內(nèi)。