8.HTML 教程- (HTML5 段落)

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 仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」。

转载于:https://my.oschina.net/u/4138960/blog/3057841

你可能感兴趣的:(8.HTML 教程- (HTML5 段落))