HTML <b>、 <strong> 、<big>、<small>、<em>、<i>、<sub>和<sup> 标签

HTML <b> 标签

所有浏览器都支持 <b> 标签。

定义和用法

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

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

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

HTML <strong> 标签

定义和用法

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

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

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

举一个例子,经常访问 W3school 的用户可以注意到了,许多教程页面的第一句摘要都是以粗体显示的,而实际上,我们对这一句摘要使用了 <strong> 标签。使用这个标签的理由是,我们认为教程摘要不仅概括了其所在页面的内容,而且位于页面的最重要的位置,其内容自然是非常重要的且值得强调的。

HTML <big> 标签

所有浏览器都支持 <big> 标签。

定义和用法

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

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

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

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

HTML <small> 标签

所有浏览器都支持 <small> 标签。

定义和用法

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

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

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

HTML <em> 标签

定义和用法

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

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

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

除强调之外,当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候,也可以考虑使用 <em> 标签。例如,W3School 经常对重要的术语使用 <em> 标签。<em> 标签可以用来把这些名称和其他斜体字区别开来。

HTML <i> 标签

所有浏览器都支持 <i> 标签。

定义和用法

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

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

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

HTML 5 <sub> 和 <sup> 标签

定义和用法

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

时间: 2024-10-29 19:11:19

HTML <b>、 <strong> 、<big>、<small>、<em>、<i>、<sub>和<sup> 标签的相关文章

What&#39;s the difference between &lt;b&gt; and &lt;strong&gt;, &lt;i&gt; and &lt;em&gt; in HTML/XHTML? When should you use each?

ref:http://stackoverflow.com/questions/271743/whats-the-difference-between-b-and-strong-i-and-em They have the same effect on normal web browser rendering engines, but there is afundamental difference between them. As the author writes in a discussio

HTML中strong与b,em与i标签的区别

先看效果   <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p style="font-size: 36px"> 这是一段普通文字<br/> <strong>这是一段strong文字</str

h1/title,b/strong,i/em 的区别

< strong > 表示html页面上的强调(emphasized text), < em > 表示句子中的强调(即强调语义) 1.b和strong的区别 盲人朋友使用阅读设备阅读网络时:<strong>会重读,<b>不会 两者虽然在网页中显示效果一样,但实际目的不同.<b>这个标签对应 bold,即文本加粗,其目的仅仅是为了加粗显示文本,是一种样式/风格需求:<strong>这个标签意思是加强字符的语气,表示该文本比较重要,提醒读

加入强调语气,使用&lt;strong&gt;和&lt;em&gt;标签

有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到<em>或<strong>标签. 但两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调.并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示.两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调. 语法: <em>需要强调的文本</em>   <strong&

title与h1的区别、b与strong的区别、i与em的区别?

title与h1的区别 定义: title是网站标题, h1是文章主题 作用: title概括网站信息,可以直接告诉搜索引擎和用户这 个网站是关于什么主题和内容的,是显示在网页Tab栏里的: h1突出文章主题,面对用户,更突出其视觉效果,指向 页面主体信息,是显示在网页中的. b与strong的区别 定义: b(bold)是实体标签,用来给文字加粗, strong是逻辑标签,作用是加强字符语气. 区别: b标签只是加粗的样式,没有实际含义,常用来表达无强调或着重意味的粗体文字,比如文章摘要中的关

标记重要和强调的文本 strong &amp; em

strong元素表示内容的重要性,而em则表示内容的着重点. 根据内容需要,这两个元素既可以单独使用,也可以一起使用. 例如: 1 ... 2 <body> 3 <p><strong>Warning: Do not approach the 4 ?zombies<em>under any circumstances</em> 5 ?</strong>. They may<em>look</em> 6 ?frie

HTML中&lt;b&gt;标签和&lt;strong&gt;便签的区别

最近碰到的问题,自己写的时候因为<b>标签比较简短偶尔使用,看到别人有使用<strong>标签的,本人不懂区别,在网上找的别人的东西,觉得很有道理,跟大家分享看看~~ 链接:http://www.zhihu.com/question/20961933/answer/16732800来源:知乎 不要动不动就把英语的术语.名称或概念牵强地翻译成中文.(从英文角度来理解我觉得是有道理的)不是「粗体和加重有什么区别」(原题如此),是「HTML 标签 <b> 和 <stro

ARC - strong和weak指针

ARC指南1 - strong和weak指针 提示:本文中所说的"实例变量"即是"成员变量","局部变量"即是"本地变量" 一.简介 ARC是自iOS 5之后增加的新特性,完全消除了手动管理内存的烦琐,编译器会自动在适当的地方插入适当的retain.release.autorelease语句.你不再需要担心内存管理,因为编译器为你处理了一切 注意:ARC 是编译器特性,而不是 iOS 运行时特性(除了weak指针系统),它也不

html标签学习

1. 标题 : <h1> - <h6> 2. 分割线 : <hr> 3. 加粗: <strong> 4. 斜体: <em> <i> 5. 段落 : <p> 6. 换行 : <br/> 7. 超链接: <a> href 属性指定链接的地址 target ( 目标 ):_self ( 当前页面打开 ) _blank(新页面打开) 8. 图像: <img> src 资源链接属性 .alt 图片

[JS]笔记14之事件委托

-->什么是事件委托-->事件委托原理-->事件委托优点-->事件源 / 目标源 一.什么是事件委托 通俗的讲,onclick,onmouseover,onmouseout等这些就是事件 委托,就是这个事件本来应该加在某些元素上的,而你却加到其他元素上来完成这个事件. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &