html5中的main元素怎么用？-創(chuàng)新互聯(lián)

今天小編給大家分享的是html5中的main元素使用的詳細(xì)介紹，相信大部分人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，話不多說，一起往下看吧。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、網(wǎng)站制作、吳橋網(wǎng)絡(luò)推廣、小程序定制開發(fā)、吳橋網(wǎng)絡(luò)營銷、吳橋企業(yè)策劃、吳橋品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供吳橋建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：muchs.cn

W3C 規(guī)范

<main> 的主要目的是將 ARIA 的地標(biāo)性作用 main 映射到 HTML 中的元素。這可以幫助那些屏幕閱讀設(shè)備和輔助設(shè)備知道頁面的主要內(nèi)容是從哪里開始的。W3C 規(guī)范將 <main> 描述為：

文檔或應(yīng)用程序的主要內(nèi)容。主內(nèi)容區(qū)域由與文檔的中心主題或應(yīng)用的核心功能的直接相關(guān)或擴(kuò)展的內(nèi)容組成。

自從 <main> 元素包含在 HTML 規(guī)定里之后，<body> 元素就還原成了它在 HTML4 中的定義。

The body element represents the content of the document.

細(xì)節(jié)

使用 <main> 元素值得注意的一點(diǎn)是，它在每個(gè)頁面中只能使用一次。為什么要規(guī)定一個(gè)頁面只能使用一次呢？雖然我對(duì)具體的細(xì)節(jié)并不感興趣，但是有些觀點(diǎn)看起來還是比較有意義的。

按照規(guī)格，如果你在一個(gè)文檔中試圖使用多個(gè) <main> 標(biāo)簽，那么 W3C validator 會(huì)拋出錯(cuò)誤。

<main> 元素的另外一個(gè)規(guī)定是，它不能作為 <article>, <header>, <aside>, <footer>, <nav> 的子元素節(jié)點(diǎn)。

使用

就像其它的 HTML5 新元素一樣，并不是所有的瀏覽器都能夠識(shí)別出 <main> ，并且給它加上預(yù)設(shè)的樣式，你可能需要在自己的 CSS 文件中將它設(shè)置為塊級(jí)元素。

main {display:block;}

有的時(shí)候，為了支持一些較低版本的 IE 瀏覽器，你可能還需要使用 JavaScript 創(chuàng)建該元素。

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

當(dāng)然了，你還可以使用 html5shiv.

使用 <main> 元素最簡(jiǎn)單的方式就是去替換那些 ID 或者 Class 值為 main 或者 content 之類的 <p> 元素。

所以，在實(shí)踐中它應(yīng)該是什么樣子呢？下面是使用 <main> 元素之前的文檔結(jié)構(gòu)。

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

下面使用 <main> 元素改寫文檔。

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

以上就是html5中的main元素的使用介紹，詳細(xì)使用情況還需要大家自己親自動(dòng)手使用過才能領(lǐng)會(huì)。如果想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

網(wǎng)站題目：html5中的main元素怎么用？-創(chuàng)新互聯(lián)
本文地址：http://muchs.cn/article4/dejioe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、外貿(mào)網(wǎng)站建設(shè)、微信公眾號(hào)、網(wǎng)站維護(hù)、網(wǎng)站內(nèi)鏈、云服務(wù)器

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

html5中的main元素怎么用？-創(chuàng)新互聯(lián)

html5中的main元素怎么用？-創(chuàng)新互聯(lián)