首頁 > web前端 > H5教程 > HTML5 語意化 - main

HTML5 語意化 - main

黄舟
發布: 2017-02-07 13:56:58
原創
1635 人瀏覽過

 早在 2013 年,

元素就被正式添加到 W3C HTML規範中,到目前位置,關於該元素的定義已經很完善了,所以現在是時候深入了解什麼時候適合使用
元素了。那麼,下面就開始吧。

  W3C 規範

  

的主要目的是將 ARIA 的地標性作用 main 映射到 HTML中的元素。這可以幫助那些螢幕閱讀設備和輔助設備知道頁面的主要內容是從哪裡開始的。 W3C 規範將
描述為 :

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

  自從

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

The body element represents the content of the document.

  細節

  使用

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

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

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

  

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

  使用

  就像其它的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 語意化 - main的內容,更多相關內容請關注PHP中文網(www.php.cn)!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板