HTML5的基本结构

新增的主体结构元素

新增的主体结构元素包括:article、section、nav、aside

article元素代表文档、页面或应用程序中独立的、完整的、可以被外部引用的内容。它可以是一篇博客或报章杂志中的文章、一篇论坛帖子、一段用户评论或一个独立的插件,或者其他任何独立的内容。除了内容部分,一个article元素通常有自己的标题,有时还有自己的脚注。article元素通常是可以嵌套使用的,内层的内容在原则上需要与外层的内容相关联。

section元素用来对网站或应用程序中页面上的内容进行分块,一个section通常由其内容和标题组成,section元素中的内容可以单独存储到数据库中或输出到word文档中,通常不推荐为那些没有标题的内容使用section。
section元素的作用是对页面的内容进行分块,或者说对文章进行分段,不能将它与表示“有着自己独立完整内容”的article元素混淆。
section元素的使用禁忌:不要将section元素用作设置样式的页面容器,那是div的工作;如果article、aside、nav更符合状况,不要使用section元素;不要为没有标题的内容区块使用section。

nav元素是一个可以用来作为页面导航的链接组,只需要将主要的、基本的链接组放进nav元素即可。
nav元素可以用在以下场合:传统导航条;侧边导航栏;页内导航;翻页操作。

aside元素用来表示当前页面或文章的附属信息部分
aside元素有以下两种使用方法:包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章相关的参考资料、名词解释等;在article之外的元素使用,作为页面或站点全局的附属信息部分,最典型的就是侧边栏,其中的内容可以是友情链接、博客中其他文章列表或广告单元等。

新增的非主体结构元素

非主体结构元素用来表示逻辑结构或附加信息

header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但也可以包含其他内容,例如数据表格、搜索表单或者相关的LOGO图片。在HTML5中,一个header元素通常包括至少一个heading(h1~h6)。

footer元素可以作为其上层内容区块或一个根区块的脚注,footer通常包括其相关区块的脚注信息,如作者、相关阅读链接以及版权信息等。

address元素用来在文档中呈现联系信息

main元素表示网页中的主要内容,该区域应该为每一个网页中所持有的内容,不能包含整个网站的导航条、版权信息、网站LOGO等网站内部的共同内容。每个网页内部只能放置一个main元素,不能将main元素放置在任何article、aside、footer、header或nav元素内部。

可以在下列网站查看页面的结构目录:https://gsnedders.html5.org/outliner/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值