html5语义化标签和属性实例,跟永哥学HTML5(6)H5语义化标记使用示例

跟永哥学HTML5(3):HTML5新增语义化元素的使用   对新增语义化元素已经做过讲解,本节将巩固H5语义化标记的使用

article

— 解释

article标签装载显示一个独立的文章内容。例如一篇完整的论坛帖子,一则网站新闻,一篇博客文章等等,一个用户评论等等 artilce可以嵌套,则内层的artilce对外层的article标签有隶属的关系。例如,一个博客文章,可以用article显示,然后一 些评论可以以article的形式嵌入其中。

— 示列

文章标题

这是一篇文章

评论1...

评论2...

section

— 解释

section 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。

— 示列

章节一

详细内容...

章节二

详细内容...

aside

— 解释

aside 用来装载非正文类的内容。例如广告,成组的链接,侧边栏等等。

— 示列

热门文章

广告

文章标题

这是一篇文章

评论1...

评论2...

hgroup

— 解释

hgroup 标签用于对网页或区段的标题元素(h1-h6)进行组合。例如,在一个区段中你有连续的h系列的标签元素,则可以用hgroup将他们括起来。

— 示列

The reality dysfunction

Space is not the only void

Dr. Strangelove

Or: How I Learned to Stop Worrying and Love the Bomb

header

— 解释

header 标签定义文档的页面组合,通常是一些引导和导航信息。

— 示列

this is the page Logo

this is page navigation

footer

— 解释

footer 标签定义 section 或 document 的页脚。在典型情况下,该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。

— 示列

© 2012 Baidu 使用百度前必读 京ICP证030173号

nav

— 解释

nav 标签定义显示导航链接不是所有的成组的超级链接都需要放在nav标签里。nav标签里应该放入一些当前页面的主要导航链接。 例如在页脚显示一个站点的导航链接(如首页,服务信息页面,版权信息页面等等),就可以使用nav标签,当然,这不是必须的。

— 示列

time

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/4893.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值