HTML 文本格式化

时间:2022-07-24 06:44:54

<b> 标签-粗体

定义和用法:

<b>标签规定粗体文本。

提示和注释

注释:根据 HTML5 规范,在没有其他合适标签更合适时,才应该把 <b> 标签作为最后的选项。HTML5 规范声明:应该使用 <h1> - <h6> 来表示标题,使用 <em> 标签来表示强调的文本,应该使用 <strong> 标签来表示重要文本,应该使用 <mark> 标签来表示标注的/突出显示的文本。

提示:您也能够使用 CSS "font-weight" 属性来设置粗体文本。

<big> 标签-大号字体

定义和用法:

<big>标签规定呈现大号字体效果。

使用 <big> 标签可以很容易地放大字体。这简直不能再简单了:浏览器显示包含在 <big> 标签和其相应的 </big> 标签之间的文字时,其字体比周围的文字要大一号。但是,如果文字已经是最大号字体,这个 <big> 标签将不起任何作用。

更妙的是,可以嵌套 <big> 标签来放大文本。每一个 <big> 标签都可以使字体大一号,直到上限 7 号文本,正如字体模型所定义的那样。

但是使用 <big> 标签的时候还是要小心,因为浏览器总是很宽大地试图去理解各种标签,对于那些不支持 <big> 标签的浏览器来说,它经常将其认为是粗体字标签。

<em> 标签-斜体

定义和用法:

<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。

在文本中加入强调也需要有技巧。如果强调太多,有些重要的短语就会被漏掉;如果强调太少,就无法真正突出重要的部分。这与调味品一样,最好还是不要滥用强调。

尽管现在 <em> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话,请使用 <i> 标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义。

<i> 标签-斜体

定义和用法:

<i> 标签显示斜体文本效果。

<i> 标签和基于内容的样式标签 <em> 类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。

提示:<i> 标签一定要和结束标签 </i> 结合起来使用。

就表现而言<em></em>,<i></i>表现都一样,都是表示斜体。

但是<em>标签是“含有语义”的标签,搜索引擎会了解这些语义。其在HTML中是特意被设定为表示“强调”的意思。当发现这些表示“强调”的标签时,一些屏幕阅读器可能使用不同的inflection,更利于SEO。

<em>表示被强调呈现的内容,<i>是物理上的斜体,没有内容上的意义。

<small> 标签-小号字体

定义和用法:

<small> 标签呈现小号字体效果。

<small> 标签和它所对应的 <big> 标签一样,但它是缩小字体而不是放大。如果被包围的字体已经是字体模型所支持的最小字号,那么 <small> 标签将不起任何作用。

与 <big> 标签类似,<small> 标签也可以嵌套,从而连续地把文字缩小。每个 <small> 标签都把文本的字体变小一号,直到达到下限的一号字。

<strong> 标签-加粗的字体

定义和用法:

<strong> 标签把文本定义为语气更强的强调的内容。

<strong> 标签和 <em> 标签一样,用于强调文本,但它强调的程度更强一些。

浏览器通常会以不同于 <em> 标签的方式来显示 <strong> 标签中的内容,通常是用加粗的字体(相对于斜体)来显示其中的内容,这样用户就可以把这两个标签区分开来了。

如果常识告诉我们应该较少使用 <em> 标签的话,那么 <strong> 标签出现的次数应该更少。如果说用 <em> 标签修饰的文本好像是在大声呼喊,那么用 <strong> 标签修饰的文本就无异于尖叫了。沉默寡言的人说出的话总是一诺千金,与此相同,限制 <strong> 的使用可以令应该更加引人注意,而且更加有效。

<sub> 标签-下标文本

定义和用法:

<sub> 标签可定义下标文本。

包含在 <sub> 标签和其结束标签 </sub> 中的内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的。

提示:这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。如果和 <a> 标签结合起来使用,就可以创建出很好的超链接脚注。

<sup> 标签-上标文本

定义和用法:

<sup> 标签可定义上标文本。

包含在 <sup> 标签和其结束标签 </sup> 中的内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的。

提示:这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。如果和 <a> 标签结合起来使用,就可以创建出很好的超链接脚注。

<ins> 标签-下划线文本

定义和用法:

<ins> 标签定义已经被插入文档中的文本。

提示和注释:

提示:请与 <del> 一同使用,来描述文档中的更新和修正。

属性:

  • cite 属性 指向一个文档的 URL,该文档解释了文本被插入或修改的原因。
  1. 例子:<ins cite="why_inserted.htm">red</ins>
  2. 没有主流浏览器支持cite属性。
  • datetime 属性 规定文本被插入或修改的日期和时间。

  1. <ins datetime="2009-08-08T21:55:06Z">red</ins>
  2. 没有主流浏览器以任何方式使用 datetime 属性。

<del> 标签-删除文本

定义和用法:

定义文档中已被删除的文本。

提示和注释:

注释:请与 <ins> 标签配合使用,来描述文档中的更新和修正。

属性:

  • cite 属性 指向一个文档的 URL,该文档解释了文本被删除的原因。
  1. 例子:<del cite="why_deleted.htm">20</del>
  2. 没有主流浏览器支持cite属性。
  • datetime 属性 规定文本被删除的日期和时间。

  1. <del datetime="2009-08-08T21:55:06Z">20</del>
  2. 没有主流浏览器以任何方式使用 datetime 属性。

例子:

This text is bold                   <b>标签

This text is strong                <strong>标签

This text is big                   <big>标签

This text is emphasized           <em>标签

This text is italic                      <i>标签

This text is small                        <small>标签

This text contains
subscript       <sub>标签

This text contains
superscript      <sup>标签

<b>This text is bold</b>

<br />

<strong>This text is strong</strong>

<br />

<big>This text is big</big>

<br />

<em>This text is emphasized</em>

<br />

<i>This text is italic</i>

<br />

<small>This text is small</small>

<br />

This text contains
<sub>subscript</sub> <br /> This text contains
<sup>superscript</sup>