首頁  >  文章  >  web前端  >  h5中main元素的實例詳解

h5中main元素的實例詳解

零下一度
零下一度原創
2017-05-31 15:41:423474瀏覽

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

  W3C 規格

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

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

  自從 61b85035edf2b42260fdb5632dc5728a 元素包含在 HTML 規定里之後,6c04bd5ca3fcae76e30b72ad730ca86d 元素就還原成了它在 HTML4 中的定義。

The body element represents the content of the document.

  細節

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

  依照規格,如果你在一個文件中試圖使用多個 61b85035edf2b42260fdb5632dc5728a 標籤,那麼 W3C validator 會拋出錯誤。

  61b85035edf2b42260fdb5632dc5728a 元素的另一個規定是,它不能作為 23c3de37f2f9ebcb477c4a90aac6fffd, 1aa9e5d373740b65a0cc8f0a02150c53, 15221ee8cba27fc1d7a26c47a001eb9b, c37f8231a37e88427e62669260f0074d, c787b9a589a3ece771e842a6176cf8e9 的子元素節點。

  使用

  就像其它的HTML5 新元素一樣,並不是所有的瀏覽器都能夠識別出61b85035edf2b42260fdb5632dc5728a ,並且給它加上預設的樣式,你可能需要在自己的CSS 檔案中將它設定為區塊級元素。

    main {display:block;}

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

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

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

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

  所以,在實踐中它應該是什麼樣子呢?下面是使用 61b85035edf2b42260fdb5632dc5728a 元素之前的文檔結構。

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

  下面使用 61b85035edf2b42260fdb5632dc5728a 元素改寫文件。

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

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

  總結

  正如你所見的,使用61b85035edf2b42260fdb5632dc5728a 元素是超級簡單的,只需要話費幾分鐘的時間,所以現在真的到了將61b85035edf2b42260fdb5632dc5728a 帶入到網站開發的過程中了。

以上是h5中main元素的實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn