HTML5标头元素
时间:2020-01-09 10:34:38 来源:igfitidea点击:
HTML5的" header"元素用于在语义上标记页面或者页面各个部分的标题部分。例如,包含博客文章或者文章列表的页面可能具有整个页面的标题部分,以及每个博客文章/文章的标题部分。
这是它在HTML代码中的外观:
<html> <body> <header> <div> Logo, logo text, top navigation links etc. </div> </header> </body> </html>
请记住,header
元素是语义元素。它没有任何特殊外观。不过,我们仍然可以使用CSS设置样式,就像使用div
元素一样。
还要记住,作为语义元素,我们不必在页面中放入" header"元素。 " header"元素旨在供将来的智能浏览器(也许)和Web爬网程序等使用,但不能保证这些软件组件将如何使用这些元素。只有未来会证明一切。
文章Elements中的header元素
一个"文章"元素也可以有一个标题部分,也可以将其包含在"标题"元素中。
这是在HTML5代码中的外观:
<html> <body> <header> <div> Logo, logo text, top navigation links etc. </div> </header> <article> <header> Title, author, rating buttons etc. related to this article. </header> <p> Article text... </p> </article> </body> </html>