网页 综合 更新时间 2026-11-13 15:29:11

HTML 文本格式化 | 菜鸟教程

自动蜘蛛 www.runoob.com 正文约 1920 字
HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如:粗体 or 斜体
这些HTML标签被称为格式化标签(请查看底部完整标签参考手册)。
文本格式化 此例演示如何在一个 HTML 文件中对文本进行格式化
预格式文本 此例演示如何使用 pre 标签对空行和空格进行控制。
"计算机输出"标签 此例演示不同的"计算机输出"标签的显示效果。
地址 此例演示如何在 HTML 文件中写地址。
缩写和首字母缩写 此例演示如何实现缩写或首字母缩写。
块引用 此例演示如何实现长短不一的引用语。
删除字效果和插入字效果 此例演示如何标记删除文本和插入文本。
you***[email protected]
文本显示为单行,超过部分隐藏并使用省略号,实例:
使用 display:-webkit-box; 让文本显示为多行(只有-webkit内核才有作用),实例:
you***[email protected]
zha***[email protected]
在显示上,这两个标签都可是加粗文本,呢么为什么会有两个功能"相同"的标签呢?而且好像 strong 并非个例。
zha***[email protected]
448***[email protected]
<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。
尽管现在 <em> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话,请使用 <i> 标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义。
<i> 标签和基于内容的样式标签 <em> 类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。
<dfn> 标签可标记那些对特殊术语或短语的定义。
现在流行的浏览器通常用斜体来显示 <dfn> 中的文本。将来,<dfn> 还可能有助于创建文档的索引或术语表。
与其他许多基于内容的样式和物理样式标签一样,<dfn> 标签尽量少用为妙。
也就是说它们要实现的目的不同,但都用同样的表现方式,就是斜体。
448***[email protected]
182***[email protected]
acronym:表示标记一个首字母缩写;
PS:其实看起来的效果都一样,只是内在表达的不一样而已,所以看不出什么区别,重点是现在acronym已经淘汰不用了,所以尽量改用abbr就好
182***[email protected]
819***[email protected]
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***[email protected]
aaa***[email protected]
<bdo>---Bi-Directional Override
aaa***[email protected]
415***[email protected]
<acronym> 标签和 <abbr> 标签在历史上曾用于在HTML中表示缩写词或首字母缩略词,但它们之间存在一些区别,尤其是在现代HTML标准和浏览器支持方面:
综上所述,尽管 <acronym> 和 <abbr> 标签在语义上有细微差别,但在实际应用中,由于 <acronym> 已经被HTML5标准弃用,开发者应始终使用 <abbr> 标签来标记所有类型的缩写词,无论它们是否为可发音的首字母缩略词。这样做既符合现行标准,又能确保跨浏览器兼容性。
访问原文 返回搜索 https://www.runoob.com/html/html-formatting.html
本页为82搜索生成的网页快照,内容来自站内索引;演示数据的原文链接仅作示例。