HTML 文本格式化
HTML 格式化标签
HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如:粗体 or 斜体
这些HTML标签被称为格式化标签(请查看底部完整标签参考手册)。
通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。 然而,这些标签的含义是不同的: <b> 与<i> 定义粗体或斜体文本。 <strong> 或者 <em>意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。 |
在线实例
文本格式化
此例演示如何在一个 HTML 文件中对文本进行格式化
预格式文本
此例演示如何使用 pre 标签对空行和空格进行控制。
"计算机输出"标签
此例演示不同的"计算机输出"标签的显示效果。
地址
此例演示如何在 HTML 文件中写地址。
缩写和首字母缩写
此例演示如何实现缩写或首字母缩写。
文字方向
此例演示如何改变文字的方向。
块引用
此例演示如何实现长短不一的引用语。
删除字效果和插入字效果
此例演示如何标记删除文本和插入文本。
HTML 文本格式化标签
标签 | 描述 |
---|---|
<b> | 定义粗体文本 |
<em> | 定义着重文字 |
<i> | 定义斜体字 |
<small> | 定义小号字 |
<strong> | 定义加重语气 |
<sub> | 定义下标字 |
<sup> | 定义上标字 |
<ins> | 定义插入字 |
<del> | 定义删除字 |
HTML "计算机输出" 标签
标签 | 描述 |
---|---|
<code> | 定义计算机代码 |
<kbd> | 定义键盘码 |
<samp> | 定义计算机代码样本 |
<var> | 定义变量 |
<pre> | 定义预格式文本 |
HTML 引文, 引用, 及标签定义
标签 | 描述 |
---|---|
<abbr> | 定义缩写 |
<address> | 定义地址 |
<bdo> | 定义文字方向 |
<blockquote> | 定义长的引用 |
<q> | 定义短的引用语 |
<cite> | 定义引用、引证 |
<dfn> | 定义一个定义项目。 |
yogi
you***30@foxmail.com
参考地址
文本显示为单行,超过部分隐藏并使用省略号,实例:
尝试一下 »
使用 display:-webkit-box; 让文本显示为多行(只有-webkit内核才有作用),实例:
尝试一下 »
yogi
you***30@foxmail.com
参考地址
赵萌萌
zha***ingyu@outlook.com
关于 <b> 和 <strong>
在显示上,这两个标签都可是加粗文本,呢么为什么会有两个功能"相同"的标签呢?而且好像 strong 并非个例。
赵萌萌
zha***ingyu@outlook.com
B情
448***876@qq.com
参考地址
1、<em> 把文本定义为强调的内容
<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。
尽管现在 <em> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话,请使用 <i> 标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义。
2、<i>显示斜体文本效果
<i> 标签和基于内容的样式标签 <em> 类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。
3、<dfn>定义一个定义项目
<dfn> 标签可标记那些对特殊术语或短语的定义。
现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来,<dfn> 还可能有助于创建文档的索引或术语表。
与其他许多基于内容的样式和物理样式标签一样,<dfn> 标签尽量少用为妙。
也就是说它们要实现的目的不同,但都用同样的表现方式,就是斜体。
B情
448***876@qq.com
参考地址
傻狍子
182***48487@163.com
参考地址
关于<abbr>和<acronym>:
都是表示缩略词的标签
不同点:
abbr:表示全词的缩写;
acronym:表示标记一个首字母缩写;
PS:其实看起来的效果都一样,只是内在表达的不一样而已,所以看不出什么区别,重点是现在acronym已经淘汰不用了,所以尽量改用abbr就好
傻狍子
182***48487@163.com
参考地址
筱生
819***025@qq.com
参考地址
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 仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」。
筱生
819***025@qq.com
参考地址