4.文本

4.1 开始新的段落

    <p>

4.2 添加作者联系信息

 <address>

 adress只能包含作者的联系信息，不能包括其他内容，如文档或文章的最后修改时间。此外，html5禁止address里包含以下元素：h1~h6,article,address,aside,footer,header,hgroup,nav,section

 

4.3 创建图

 <figure >

 </figure>

figure指的是由文档主要内容引用的一块独立的内容（具有可选的标题），可选的figcaption是figure的标题，出现在figure内容的开头或结尾

figure只允许有一个figcaption

如果要包含figcaption，它必须是figure中的第一个或者最后一个元素

 

4.4指定时间

通过time元素指定时间和日期，常见的用法是表示article元素的发布日期，要表示发布日期，需要包含pubdate属性，包含pubdate属性的time元素表示其最近的祖先article元素的发布日期。还可以用time，datetime，pubdate为article的读者评论添加时间戳

datetime的属性值是机器可读的，应提供机器可读的时间格式，格式如YYYY-MM-DDThh:mm:ss 其中T 将日期和时间隔开

不能在time中嵌套另一个time

 

4.5标记重要或强调的文本

strong元素表示重要的文本，em表示强调，这两个元素可以单独使用，也可以一起使用

浏览器通常将strong以粗体显示，em以斜体显示。b 和 i显示的效果和strong em一样，但含义不一样，所以不能替代

 

4.6指明引用和参考

 使用cite元素可以指明对内容源的引用或参考，对于要从引用来源中引述内容的情况，使用blockquote或者q元素来标记引述的文本，cite只用于参考源本身，不是从中引述的内容。

 

html5中，不应该使用cite作为对人名的引用

 

4.7引述文本

blockquote表示单独存在的引述，默认显示在新的一行，浏览器在blockquote添加了换行，并添加了外边距

q 用于短的引述

blockquote 和q都有cite属性，用于标记来源的url，但不会在页面显示这个url

浏览器在q的周围加上双引号

 

4.8突出显示文本

使用mark元素来突出显示文本，荧光笔效果。通常用于搜索结果页面，对搜索结果页面或文章中的搜索词进行突出显示

 

4.9 解释缩写词

abbr标记缩写词，使用title属性提供缩写词的全称，当鼠标移至abbr上，该元素的title属性的内容就会显示在一个提示框里

 

4.10 定义术语

dfn元素对文档中首次定义术语的地方进行标记，仅用dfn包围定义的术语，而不是包围定义

浏览器中dfn的内容一般以斜体显示，尽量少用

 

4.11 创建上标和下标

sub:下标

sup：上标

上标和下标会改变行间距，使用css进行调整

 

4.12 标注编辑和不再准确的文本

 ins:代表添加内容，浏览器显示为下划线

 del:已删除内容，浏览器显示为删除线

 

4.13 标记代码

 code:表示包含代码示例，文件名或程序名，如果要显示单独一块代码，使用pre元素包含code来维持格式

 code元素的文本使用等宽字体，看起来像代码

 

4.15 指定细则

 small:表示细则一类的次要的注释，是行内文本中的一小块

 

4.16 创建换行

 <br> 或者<br/>

 

4.17创建span

 

同div一样，span元素是没有任何语义的，但是span只包含字词短语，div适合包含块级内容

 

4.18 其他元素

1) wbr:如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 <wbr> 元素来添加 Word Break Opportunity（单词换行时机）。所有主流浏览器均支持 <wbr> 标签，除了 Internet Explorer。

 

2)ruby rt rp

ruby：旁注标记

<ruby> 标签定义 ruby 注释（中文注音或字符）。

在东亚使用，显示的是东亚字符的发音。

与 <ruby> 以及 <rt> 标签一同使用：

ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。

例：

<ruby>

 漢 <rt> ㄏㄢˋ </rt>

</ruby>

 

显示效果：

 

3）bdi bdo

bdi：bdi 指的是 bidi 隔离。<bdi> 标签允许您设置一段文本，使其脱离其父元素的文本方向设置。在发布用户评论或其他您无法完全控制的内容时，该标签很有用。

bdo：bdo 元素可覆盖默认的文本方向。

<bdo dir="rtl">Here is some text</bdo>

属性 值 描述

dir	ltr rtl	定义文字的方向

4）meter元素

 html5新增元素，浏览器显示类似温度计的图形，ie不支持meter

 <meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。

 注释：<meter> 标签不应用于指示进度（在进度条中）。如果标记进度条，请使用 <progress> 标签。

属性：

    

form	form_id	规定 <meter> 元素所属的一个或多个表单。
high	number	规定被视作高的值的范围。
low	number	规定被视作低的值的范围。
max	number	规定范围的最大值。
min	number	规定范围的最小值。
optimum	number	规定度量的优化值。
value	number	必需。规定度量的当前值。

例：

<p>显示度量值：</p>

<meter value="3" min="0" max="10">3/10</meter><br>

<meter value="0.6">60%</meter>

显示效果：

    

 

5）progress

 进度条，html5新元素

例：

<progress value="4" max="10" ></progress>

效果：

 

Internet Explorer 9 以及更早的版本不支持 <progress> 标签。