资讯专栏INFORMATION COLUMN

html5知识点补充—header元素的使用

gaara / 3100人阅读

摘要:元素经常出现在页面的最上面,它通常包含了网站名称网站导航等信息。它可以在一个页面中多次使用。诸如搜索栏或者目录等也可以包含在元素中。下面是个简单的例子规范提到,元素可以包含导航,视站点设计的不同,你也可以将放在元素的外面。

header元素经常出现在web页面的最上面,它通常包含了logo、网站名称、网站导航等信息。它可以在一个页面中多次使用。

它可以用于特定分段区域(section)的导航,而不仅是页面到页面的导航。诸如搜索栏或者目录等也可以包含在header元素中。下面是个简单的例子:

HTML5 Cookbook

HTML5规范提到,header元素可以包含导航,视站点设计的不同,你也可以将nav放在header元素的外面。下面列出了可以包含在header元素中的内容,如下所示:

logo

网站名/标题

网站副标题

搜索栏

主导航栏

每个网页并没有限制只能使用一个header元素,也没有要求它必须在页面的最顶部。我们在后面会详细讲解,如果某个页面有多个标题,可以将他们都放在一个header元素中。一个页面也可以使用多个h1标记。

 


文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/49612.html

相关文章

  • html5识点补充—footer元素使用

    摘要:使用元素创建脚注顾名思义,元素通常位于页面的底部。与类似,元素可以在单个页面上多次使用,也可以将元素放在中。示例代码使用了一个站点范围的,还在中使用了嵌套的元素。规范中讲到,元素可以包含指向相关文档的链接。 使用footer元素创建脚注 顾名思义,footer元素通常位于页面的底部。尽管footer通常位于某个区域或者页面的底部,但并非总是如此。footer元素旨在包含作者、网站所有者...

    geekidentity 评论0 收藏0
  • html5识点补充—hgroup元素使用

    摘要:使用元素组合标题使用新的元素,可以为元素添加更多的信息。这个元素用来对多个相关联的标题进行分组。虽然是一个有效的分组选项,但是它主要是用来告知文档大纲哪个标题是最重要的。在下面的示例中是。 使用hgroup元素组合标题 使用新的HTML5元素hgroup,可以为header元素添加更多的信息。 这个元素用来对多个相关联的h1~h6标题进行分组。如果你的网站有副标题,可以使用hgroup...

    xiangzhihong 评论0 收藏0

发表评论

0条评论

gaara

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<