html5权威指南-第八章-用基本的文字元素标记内容 :http://www.cnblogs.com/yc-755909659/archive/2016/10/02/5928122.html
html5权威指南-第八章-标记文字:http://www.cnblogs.com/xiaohuochai/p/5088983.html#anchor1
通用容器 | <span> |
<p>Some <span>text</span></p> |
强调重要 | <em>,<strong> |
<p>I am <em>very</em> worried!</p> <strong>warning</strong> |
表示不同情绪或声音的文本,如内心对白 表示外来语、分类学名和技术术语等 |
<i> |
<i lang="fr">Oh la la!</i>
|
用于分隔文字 用于文章或故事的引言 |
<b> |
<p>After bringing <b>water</b> to a boil, add <b>potatoes</b> and <b>carrots</b></p> |
不精确文字 在HTML5中重新定义为有错的、过时的、不被建议使用的文本,常用于表示价格变动等 |
<s> |
<p>价格<s>¥1298</s>¥998!</p>
|
表示高亮或用于引用而标记的文字 | <mark> | |
表示旁注,可用于免责声明、使用条款和版权信息等需要小字体的场景 | <small> | |
用来定义术语 | <dfn> | |
缩写词,可以配合<dfn>定义术语 | <abbr> | |
表示作品标题的引用,可以是书影音画等 | <cite> | |
表示短引用,常用于引用别人说的话,用引号可以表达等价语义 | <q> | |
这两个标签在数学等式、科学符号和化学公式中非常有用 |
<sup>表示上标 <sub>表示下标 |
<p>a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup></p> <p>H<sub>2</sub>SO<sub>4</sub></p> |
文本删改 |
<ins>文档中插入的内容 <del>文档中删除的内容 |
[注意]<ins>和<del>可以嵌套任何元素
<属性> [1]datetime:用于标明编辑的日期和可选的时间 [2]cite:用于指定说明编辑的文档网址 <p>一打有 <del datetime="2015-12-30T00:00Z" cite="edit.html">二十</del> <ins>十二</ins> 件。</p> |
表示日期或时间 | <time> | <属性>
[1]datatime表示确切的时间,遵循格式YYYY-MM-DDThh:mm:ssTZD,表示年-月-天-分割符T-时-分-秒-时区 [2]pubdate表示<time>元素中的日期或时间是文档的发布日期 |
注音标识 |
<ruby>表示ruby标记 <rt>表示ruby标记文字 <rp>表示ruby标记括号 |
<ruby>汉<rp>(</rp><rt>hàn</rt><rp>)</rp>语<rp>(</rp><rt>yǔ</rt><rp>)</rp></ruby> |
文字方向 |
<bdi>忽略周围文字方向的文字 <bdo>覆盖两种方向的设置,允许显式设置方向,并覆盖所有其他当前方向 |
<p>When rendered by a browser, <bdo dir="rtl">these words</bdo> will appear as 'sdroweseht'</p> |
代码 | <code>表示计算机代码 <kbd>定义键盘码 <samp>定义计算机例子代码 <tt>定义打字机代码 <var>定义变量 |
<p> <code>Computer code</code> <br /> <kbd>Keyboard input</kbd> <br /> <tt>Teletype text</tt> <br /> <samp>Sample text</samp> <br /> <var>Computer variable</var> <br /> </p> |