這次帶給大家H5中header標籤該如何使用,怎麼使用H5中header標籤? H5中header標籤使用的注意事項有哪些,以下就是實戰案例,一起來看一下。
在新的標準中header標籤定義如下:
"A group of introductory or navigational aids.」
基本上意思是「一組介紹性的護著導航相關的輔助內容」。字面上理解header標籤不單單只是定義頁頭內容,也可以定義頁頭以下其它內容的介紹。這和我們傳統的頁面header定義並不完全一致。
通常-
),還可以包括標籤,還可以包括表格內容、標誌、搜索表單、
<header> <h1>1</h1> <p>专注于web前端开发</p> </header> <article> <header> <h1>html5语义化标签之结构标签</h1> <p>article、section、hgroup、aside、nav...</p> </header> <p>...这里面包含很多东西...</p> </article>
在上面的結構中,我們可以看到使用header我們定義了一篇文章的標題和內容。這裡header標籤的使用並不是頁面的頁頭,而是文章的頁頭。
所以在HTML5中,header的使用更加靈活,你可以根據你的需求來定義和組織document結構。
同樣,在架構頁面時,header標籤一般都放在頁面的頂部,但是如果你想把他放在左側,右側甚至底部都沒有關係,標籤只定義了本身在頁面的角色,而不是位置。當然更具搜尋引擎優化原則,重要內容最後在架構頁面的時候提早。
最後由於在HTML5中header屬於區塊元素,如果我們要在大多數主流瀏覽器使用的話最好定義CSS,如下。
header { display:block;}
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
怎麼利用正規表示式抓取部落格園的清單資料
以上是H5中header標籤應該如何使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!