8.HTML 教程- (HTML5 段落）

HTML 教程- (HTML5 段落）

1.HTML 文本格式化

HTML 文本格式化标签                                            

标签	描述
<b>	定义粗体文本
<em>	定义着重文字
<i>	定义斜体字
<small>	定义小号字
<strong>	定义加剧语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字

2.HTML 格式化标签

HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如：粗体 or 斜体

这些HTML标签被称为格式化标签。

一般标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。 然而，这些标签的含义是不一样的： <b> 与<i> 定义粗体或斜体文本。 <strong> 或者 <em>意味着你要呈现的文本是重要的，因此要突出显示。现今全部主要浏览器都能渲染各类效果的字体。不过，将来浏览器可能会支持更好的渲染效果。

3.HTML "计算机输出" 标签

标签	描述
<code>	定义计算机代码
<kbd>	定义键盘码
<samp>	定义计算机代码样本
<var>	定义变量
<pre>	定义预格式文本

4.HTML 引文, 引用, 及标签订义

标签	描述
<abbr>	定义缩写
<address>	定义地址
<bdo>	定义文字方向
<blockquote>	定义长的引用
<q>	定义短的引用语
<cite>	定义引用、引证
<dfn>	定义一个定义项目。

 

文本显示为单行，超过部分隐藏并使用省略号，实例:

overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

 

使用 display:-webkit-box; 让文本显示为多行(只有-webkit内核才有做用)，实例:

overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient:vertical;
width:100px;

 

在显示上，这两个标签均可是加粗文本，呢么为何会有两个功能"相同"的标签呢？并且好像 strong 并不是个例。

•  首先，这两个并不是彻底相同。好比，若是使用网页阅读器阅读网页（盲人使用），strong 会重读，b 则不会。
•  其次，从起源上来讲，strong 是为了在将来建设语义网而诞生的。应该知道的是，html 是负责显示的标记，不能表示语义。也就是说，浏览器知道这个标签如何显示，而不知道标签所标记的内容应该是什么含义。而 strong 在语义上走出了第一步。

 

一、<em> 把文本定义为强调的内容

<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于全部浏览器来讲，这意味着要把这段文字用斜体来显示。

尽管如今 <em> 标签修饰的内容都是用斜体字来显示，但这些内容也具备更普遍的含义，未来的某一天，浏览器也可能会使用其余的特殊效果来显示强调的文本。若是你只想使用斜体字来显示文本的话，请使用 <i> 标签。除此以外，文档中还能够包括用来改变文本显示的级联样式定义。

二、<i>显示斜体文本效果

<i> 标签和基于内容的样式标签 <em> 相似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。若是这种斜体字对该浏览器不可用的话，可使用高亮、反白或加下划线等样式。

三、<dfn>定义一个定义项目

<dfn> 标签可标记那些对特殊术语或短语的定义。

如今流行的浏览器一般用斜体来显示 <dfn> 中的文本。未来，<dfn> 还可能有助于建立文档的索引或术语表。

与其余许多基于内容的样式和物理样式标签同样，<dfn> 标签尽可能少用为妙。

也就是说它们要实现的目的不一样，但都用一样的表现方式，就是斜体。

 

 

关于<abbr>和<acronym>:

都是表示缩略词的标签

不一样点：

abbr：表示全词的缩写；

acronym：表示标记一个首字母缩写；

PS:其实看起来的效果都同样，只是内在表达的不同而已，因此看不出什么区别，重点是如今acronym已经淘汰不用了，因此尽可能改用abbr就好

 

 

HTML 要素中的 b、em、strong 有什么区别？

应该说，在默认的 HTML 样式表定义中，b 和 strong 的样式同样，为 { font-weight: bolder } 而 em 的默认样式为 { font-style: italic }，与 i 相同。

在 HTML 4 中，em 表示 emphasized text，strong 表示 strong emphasized text，故 strong 的强度要更强。而在 HTML 5 中，strong 的定义改为了 important text。固然 emphasized 和 strong emphasized 乃至 important 之间怎么界定很模糊，关键是在本身编写 HTML 代码的时候保持使用上一致。b 和 i 仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」。