html5学习12：其他文本元素

1、br元素，强制换行

把后续的内容转移到新行上。

this is,<br/>haha.

2、wbr元素，安全换行

html5新增的,用来表示长度超过当前浏览器窗口的内容适合在此换行，到底换不换由浏览器决定，该元素只不过是对恰当的换行位置的建议。

this is a very long word: super<wbr>califragilistic<wbr>expialidocious.

3、用于输入输出的文字元素

元素	说明
code	表示计算机代码片段
var	在编程语境中表示变量。也可表示一个供读者在想象中插入一个指定值的占位符
samp	表示程序或计算机系统的输出
kbd	表示用户输入

<p>
<code>var fruits = [ "apples", "oranges", "mangoes" , "cherries"];<br>document.writeln("I like " + fruits.length + " fruits");</code>
</p>
<p>The variable in this example is <var>fruits</var></p>
<p>The output from the code is: <samp>I like 4 fruits</samp></p>
<p>when prompted for my favorite fruit, I typed: <kbd>cherries</kbd>

4、abbr元素，表示缩写

<abbr title="Florida Department of Citrus">FDOC</abbr>

5、dfn元素，定义术语

<abbr title="apple">apple</abbr>

6、q元素，引用他处内容

属性：cite

<q cite="http://www.baidu">apple is big.</q>

7、cite元素，引用其他作品的标题

<cite>Fruit:Edible,Inedible</cite>

8、语言元素

8.1 ruby、rt和rp元素

注音符号( ruby character )是用来帮助读者掌握表意语言（如汉语）文字正确发音的符号，位于这些文字上方或右方。ruby元素表示一段包含注音符号的文字。

<ruby>魑<rp>(</rp><rt>chi</rt><rp>)</rp></ruby>

支持注音符号的浏览器时，rp元素及其内容会被忽略，rt元素会作为注音符号显示。

不支持的时候，rp和rt元素内容都被显示。

8.2 bdo元素

bdo元素可以用来撇开默认的文字方向设置,明确地指定其内容中文字的方向。

<bdo dir="ltr">i like oranges</bdo>
<bdo dir="rtl">i like oranges</bdo>

8.3 bdi元素

bdi元素表示一段出于文字方向考虑而与其他内容隔离开来的文字。

<p> <bdi>阿拉伯文字</bdi>：2 apples</p>

9、span元素，本身没有任何含义

可以用来把一些全局属性应用到一段内容上。

<span class="fruit">apples</span>

10、mark元素，突出显示文本

<mark>pair</mark>

11、ins元素和del元素，表示添加和删除的内容

ins元素属性：cite,datetime

del元素属性：cite,datetime

<ins>i can the sea.</ins>
<del>i can the sea.</del>

12、time元素，表示时间和日期

time元素可以用来表示时间或日器

属性：datetime,pubdate

<time datetime="15:00">3 o'clock</time>
<time datetime="1984-12-7">December 7th</time>

如果布尔属性pubdate存在，那么time元素表示的是整个HTML文档或离该元素最近的article元素（见第10章）的发布日期。datetime属性以RFC3339规定的格式（参见http:/tools.ietf.org/html/rfc3339）指定日期或时间。有了datetime，就能在元素中以便于阅读的形式设置日期或时间，同时又确保计算机能无歧义地解析指定的日期或时间。