HTML 教程- (HTML5 段落)
1.HTML 文本格式化
HTML 文本格式化标签
标签 | 描述 |
---|---|
定义粗体文本 | |
定义着重文字 | |
定义斜体字 | |
定义小号字 | |
定义加重语气 | |
定义下标字 | |
定义上标字 | |
定义插入字 | |
定义删除字 |
2.HTML 格式化标签
HTML 使用标签 ("bold") 与 ("italic") 对输出的文本进行格式, 如:粗体 or 斜体
这些HTML标签被称为格式化标签。
通常标签 替换加粗标签 来使用, 替换 标签使用。 然而,这些标签的含义是不同的: 与 定义粗体或斜体文本。 或者 意味着你要呈现的文本是重要的,所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。 |
3.HTML "计算机输出" 标签
标签 | 描述 |
---|---|
|
定义计算机代码 |
定义键盘码 | |
定义计算机代码样本 | |
定义变量 | |
定义预格式文本 |
4.HTML 引文, 引用, 及标签定义
标签 | 描述 |
---|---|
定义缩写 | |
定义地址 | |
定义文字方向 | |
定义长的引用 | |
定义短的引用语 | |
定义引用、引证 | |
定义一个定义项目。 |
文本显示为单行,超过部分隐藏并使用省略号,实例:
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 在语义上走出了第一步。
1、 把文本定义为强调的内容
标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。
尽管现在 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话,请使用 标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义。
2、显示斜体文本效果
标签和基于内容的样式标签 类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。
3、定义一个定义项目
标签可标记那些对特殊术语或短语的定义。
现在流行的浏览器通常用斜体来显示 中的文本。将来, 还可能有助于创建文档的索引或术语表。
与其他许多基于内容的样式和物理样式标签一样, 标签尽量少用为妙。
也就是说它们要实现的目的不同,但都用同样的表现方式,就是斜体。
关于和:
都是表示缩略词的标签
不同点:
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 仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」。