HTML中格式化标签

文本格式化标签

标签	描述
b	定义粗体文本
big	定义大号字体
em	定义着重文字
i	定义斜体
small	定义小号字体
strong	定义加重语气
sub	定义下标
sup	定义上标
del	定义删除

在浏览器中b和strong用粗体表示，i和em都是用斜体表示，区别如下：

b和i仅使文章呈现粗体和斜体，便于区别其他文本，不产生语义变化em表示内容着重点（stress emphasis），他是句意强调，会引起语义变化，strong表示内容重要性（strong importance）,他是重要性强调，和局部还是全局无关，不会改变句意。

计算机输出标签

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

由于在HTML中，所有的空格换行都会被其忽略，但是在pre中的所有的空格换行都会被保留。这一般被用于输出代码。

引用和术语定义

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

abbr是一个单词的缩写，在浏览器中显示时，鼠标停留时，会显示缩写单词。

acronym是几个单词首字母缩写。abbr和acronym都需要title属性。

使用blockquote元素作为长引用，浏览器会插入换行和外边距，使用q元素不会有任何特殊的呈现。但我认为他加了个双引号。测试结果：

结果.png

我的小鱼你醒了 和 还记得早晨吗 这两句各占一行不是blockquote的效果，而是我在这两句话的中间加个了个换行。而blockquote的换行效果是指 那一缕长发飘飘 和 短引用 之间没有换行（ 我的小鱼你醒了 他和上一行也是会换行，这也是blockquote换行效果引起的），但是显示效果中有换行。而且你发现这首短诗没有左对齐是因为有边距的存在。

短引用 和 他日云端如相见　之间只有加了换行才能如此显示，否则他们都在同一行内显示。请君江南扫落花　之所以没有在同一行以及左对齐是因为我加入一个换行和两个全角空格。否则他是和上一句在同一行内显示。这就是所谓的没效果。

这是文字相反方向输出的结果：
<bdo dir="rtl"> Here is some thing </bdo>

---

如果有错的地方，欢迎大家指出来。