zoukankan      html  css  js  c++  java
  • HTML 文本格式化<b><big><em><i><small><strong><sub><sup><ins><del>

    <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>

     

  • 相关阅读:
    什么是ROR
    Struts2中使用Session的两种方法
    js的时间操作方法
    产生4位包含大小字母与数字的验证码
    Java关键字this、super使用总结
    java 反射的实例
    Java语言中定义常量注意事项
    java 静态方法和实例方法的区别
    多线程的例子
    java 中的内省机制
  • 原文地址:https://www.cnblogs.com/zuihongyan/p/5641034.html
Copyright © 2011-2022 走看看