HTML5 常用的几个标签

2013年08月02日 10:36 by:老修

<abbr> 标签

表示一个缩写形式,比如 "Inc."、"etc."。通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。

<address> 标签

<address> 标签定义文档作者或拥有者的联系信息。

如果 <address> 元素位于 <article> 元素内部,则它表示该文章作者或拥有者的联系信息。

通常的做法是将 address 元素添加到网页的头部或底部。

<article> 标签

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

可能的 article 实例:

  • 论坛帖子
  • 报纸文章
  • 博客条目
  • 用户评论

<aside> 标签

<aside> 标签定义其所处内容之外的内容。

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

<blockquote> 标签

<blockquote> 标签定义摘自另一个源的块引用。

<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进,而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。

<cite> 标签

<cite> 标签定义作品(比如书籍、歌曲、电影、电视节目、绘画、雕塑等等)的标题。

注释:人名不属于著作的标题。

<figure> 标签

<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)。

figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。

实例

用作文档中插图的图像:

  1. <figure>
  2. <figcaption>黄浦江上的的卢浦大桥</figcaption>
  3. <img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
  4. </figure>


<figcaption> 标签

<figcaption> 标签定义 figure 元素的标题(caption)。

"figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

 <footer> 标签

定义和用法

<footer> 标签定义 section 或 document 的页脚。

在典型情况下,该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。

<mark> 标签

<mark> 标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。

<nav> 标签

<nav> 标签定义导航链接的部分。

<progress> 标签

<progress> 标签定义运行中的进度(进程)。

可以使用 <progress> 标签来显示 JavaScript 中耗费时间的函数的进度。

<small> 标签

<small> 标签将旁注 (side comments) 呈现为小型文本。

免责声明、注意事项、法律限制或版权声明的特征通常都是小型文本。小型文本有时也用于新闻来源、许可要求。

对于由 em 元素强调过的或由 strong 元素标记为重要的文本,small 元素不会取消对文本的强调,也不会降低这些文本的重要性。

<summary> 标签

<summary> 标签包含 details 元素的标题,"details" 元素用于描述有关文档或文档片段的详细信息。

<time> 标签

<time> 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。

该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。

实例

如何定义时间和日期:

  1. <p>我们在每天早上 <time>9:00</time> 开始营业。</p>
  2. <p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。</p>
最后编辑时间:0000-00-00 00:00:00
标签:html5 标签