HTML5 <article>标签、HTML5 <aside> 标签

HTML5 <article>标签

标签定义及使用说明

<article> 标签定义独立的内容。

<article> 标签定义的内容本身必须是有意义的且必须是独立于文档的其余部分。

<article> 的潜在来源:

  • 论坛帖子
  • 博客文章
  • 新闻故事
  • 评论

HTML 4.01 与 HTML5之间的差异

<article> 标签是 HTML5 的新标签。


全局属性

<article> 标签支持 HTML 的全局属性


事件属性

<article> 标签支持 HTML 的事件属性

实例

<article>
 <h1>Internet Explorer 9</h1>
  <p>Windows Internet Explorer 9 (缩写为 IE9)在2011年3月14日21:00发布。</p>
</article>


尝试一下 »


浏览器支持

IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <article> 标签。

注释: IE 8 或更早版本的 IE 浏览器不支持 <article> 标签。

HTML5 <aside> 标签

实例

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

<p>My family and I visited The Epcot center this summer.</p> 
<aside> 
<h4>Epcot Center</h4> 
<p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>

尝试一下 »


浏览器支持

IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <aside> 标签。

注释: IE 8 或更早版本的 IE 浏览器不支持 <aside> 标签。


标签定义及使用说明

<aside> 标签定义 <article> 标签外的内容。

aside 的内容应该与附近的内容相关。


HTML 4.01 与 HTML5之间的差异

<aside> 标签是 HTML5 的新标签。


提示和注释

提示:<aside> 的的内容可用作文章的侧栏。

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


全局属性

<aside> 标签支持 HTML 的全局属性


事件属性

<aside> 标签支持 HTML 的事件属性

猜你喜欢

转载自blog.csdn.net/thgj0006/article/details/129906484