HTML5 第005篇 <article>标签、<aside> 标签 和 <address> 标签

>1 <article></article>标签

  • <article> 标签定义独立的内容。
  • <article> 标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。
  • <article> 的潜在来源:论坛帖子、博客文章、新闻故事、评论

>2 <aside></aside>标签

<aside>标签用来表示跟当前页面的内容没有很相关的部分,通常用于显示侧边栏或者补充的内容,例如:目录、索引等。

  • <aside> 标签定义 <article>标签外的内容。
  • aside 的内容应该与附近的内容相关。

【注意】不要将 <aside> 元素去标记括号内的文本,因为这种类型的文本(即括号内的文本)被认为是其内容流的一部分。

>3 <address></address>标签

<address> 标签定义文档作者/所有者的联系信息

  • 如果 <address> 元素位于 <body> 元素内部,则它表示该文档作者/所有者的联系信息。
  • 如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者/所有者的联系信息。
  • <address> 元素的文本通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。

【注意】<address> 是用来存放地址信息的,它可以和<article>元素配对来提供文章作者的联系信息。对它的使用需要注意以下几点:

  • 如果行文中出现了一些随意的地址,你就不应该使用<address>元素,而应该使用普通的<p>元素就行了。
  • <address>元素里应该只存放地址信息,不要放置其它跟地址不相关的信息,比如出版时间,你应该把它放到<time>元素里。
  • 一个好的习惯是,我们应该把<address>放到<footer>元素里。当然了,如果没有<footer>元素也就不用参考这个规则了。

一直在路上,自律,坚持

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值