文本格式化标签
标签 | 描述 |
---|---|
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>
如果有错的地方,欢迎大家指出来。
网友评论