HTML标签语义化——使用b标签,还是strong标签

HTML标签语义化,相关的内容网上有很多。大家可以去学习一下,看一下你所使用的标签是否具有其真正要表达的意义,标签你用对了吗?今天要介绍的内容是使用b标签,还是strong标签,翻译自http://www.think-ink.net/html/bold.htm

There is a difference between using what are referred to as logical tags and tags that primarily affect visual layout.

如果你全用<b> 标签,来使你的文本看起来是加粗的,它看起来也确实是加粗的,例如:bold

如果你使用一个<strong>标签,它在大多数浏览器里面都会使其标签内的文本看起来变粗。

这两个不同的标签都是表示“强调”的作用。上面的两句,用其各自的标签(相应的标签被高亮显示了,大家可以注意到的)来表示是这样的:

If you use a<b><b></b>tag to make the text <b>bold</b>it does look <b>bold</b>.

If you use a <strong><strong></strong> tag to make the text <strong>bold</strong> it also looks<strong>bold</strong> in most browsers.

同样的,你使用<i>标签来使文本变为斜体,它确实看起来是斜体。如果你使用<em>标签来使文字看起来是斜体,它在大多数浏览器看起来也确实是斜体(但是实际上该标签表示的是“强调”).

那么我们为什么要使用<strong>标签来代替<b>来表示强调呢?而且看起来<strong>还要比<b>标签长好多。又是为什么使用<em>标签来替代<i>标签,它们看起来是完全一样的啊。

<strong>和<em>标签是“含有语义”的标签,搜索引擎会了解这些语义。其在HTML中是特意被设定为表示“强调”的意思。当发现这些表示“强调”的标签时,一些屏幕阅读器可能使用不同的inflection(翻译成转折点有点怪~)。而<b>和<i>标签主要体现在网页布局上面的视觉效果体现。

<em> 是用作强调的,<strong>是用作重点强调的。 大部分浏览器用斜体显示强调的内容,用粗体来显示重点强调的内容,然而,这是没有必要的,如果是为了确定强调内容的显示方式,最好的方法就是使用CSS来定义他们的表现。当你想要的只是视觉上的效果时,就不要使用强调了。而且如果你想要强调但是还觉得粗体或者斜体不视觉效果没那么好,特别是斜体对于中文来说,那么你完全可以定义一些其他的比较醒目的样式达到强调的效果。

当你要表示一个引用来源的时候,你也可以使用<cite>标签。但是不要使用它来表示“斜体”,因为并不是所有的浏览器都会以“斜体”的方式来展现该标签内的文本。其真正的意图是让浏览器通过其来了解引言。 Raggett on HTML 4, page 71

当你的网页的内容、某些词语需要加以强调的时候,你应该使用使用<strong>和<em>标记。但是要适可而知,就像你不能一直使用感叹号一样(!!!)。如果你仅仅是在展示页面的时候来给用户呈现你想表达的语义的话,你就可以使用<b>和<i>标签。

第一次翻译文章,把原文的意境都给丢了。大家可以去看原文,本人英语水平实在有限,大多数情况借助Google,见谅。

不过这里面不造成原作者的一个观点,那就是使用<em>标签来代替<i>标签来表示斜体,因为<em>标签真正是表示强调的,虽然其在大多数浏览器里面看起来是斜体,如果单纯为了展示斜体的效果而不加以强调的话,可以使用<i>标签。如果含有强调的意思的话,使用<em>标签吧。

HTML标签语义化——使用b标签,还是strong标签,布布扣,bubuko.com

时间: 2024-10-11 23:31:57

HTML标签语义化——使用b标签,还是strong标签的相关文章

html标签语义化

1.强调 <strong> 标签和 <em> 标签一样,用于强调文本,但strong强调的程度更强一些. em强调在浏览器解析下默认为斜体,虽然<i>标签也是斜体的效果,但是em才具有语义化. 2.引用 用<q>标签的真正关键点不是它的默认样式双引号,是它的语义:引用别人的话(短文本的引用). <blockquote>的作用也是引用别人的文本.但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签.浏览器对<blockq

web标签语义化

一.web标签的含义:web标签的语义化是指用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解.二.html布局的三种方式:1.自然布局.没有任何修饰的布局是自动靠左的.2.流动布局上面讲的float:left的情况.3.定位布局 相对定位和绝对定位都是相对于父div标签的.  相对------以这个元素的本来应该在的位置为参照点  绝对--以父div标签的原点(左上角)为参照点.a.由于外层是position:relative,所以里层是absolute的话,则

HTML标签语义化小结

HTML语义化是个面试过程中喜闻乐见的问题,问得多了,也是时候要作个系统的总结,这样才能形成知识网络. 所谓标签语义化,其实就是按照标准,给内容用上一个最恰当最合适的标签,这样一来,就算样式表没加载,也能正常浏览文章.对了,说起这个,我想起我手机在浏览部分网站的时候会有个阅读模式的东西,就是把样式去掉,让你更专注于文本,所以如果你的语义化做得不好,在这种阅读模式下是会“死人”的,哈哈哈. 每个HTML标签都有自己的意义,也有自己的适用范围,但往往会被我们忽略或者滥用,比如,div标签,这个标签常

html学习之——标签语义化

html语义化在前端学习中会经常出现,下面对html语义化做个总结 一.什么是HTML语义化 HTML语义化总的来说就是用正确的标签做正确的事.围绕着一些标签展开,如h1-h6.把适当的标签用在合适的地方.是页面结构更加的清晰. 二.html语义化有什么作用 1.使用html语义化,能使页面结构更清晰,便于解析. 2.有利于SEO.搜索引擎爬虫依赖于html标签来确定上下文和关键字权重. 3.使用html语义化,在没有css样式的时候页面也能正确清晰的呈现 4.有利于各种设备的解析,如盲人阅读器

谈CSS布局中HTML标签语义化

很多人都在做前端,当然这里包括很多新手,也许在新手的想法就是在做布局的时候不要用font标签之类的就算是web标准了,这样一来,造成如今网上“div泛滥”,一看源文件,霍,除了div没其他标签了. 这里,我可以很负责的告诉大家,这不叫web标准,这叫“div+css”.名副其实的“div+css”.也许有人会说,我用“div+css”做出来的页面完全表达出设计图的意图,浏览器都兼容,没有任何问题.的确,你这样做出来的页面看起来是没任何问题,注意,这里说的是“看起来没任何问题”,仅此而已. 人是可

标签语义化

标签的语义化,是指在看到标签名的情况下基本能理解它所代表的含义,比较直观. 语义化的好处有: 对搜索引擎友好,有良好的页面结构和语义你的内容能够孜然被搜索引擎捕捉到,也利用网站的推广:语义化标签有助于定义遵从标准,便于团队之间的合作与开发.

李洪强和你一起学习前端之(2)表格、表单、标签语义化

大家早上好!新的一天开始了,学如逆水行舟,不进则退,一起加油吧! 在学习的过程中有任何问题想与我交流的,加我QQ: 990625403 好了,让我们开始今天的学习吧! 温故而知新 1 复习昨天的知识 1.1 单标签 <!--文本内容--> 注释标签  Ctrl +/ <br> 换行标签 <hr> 横线标签 1.2 双标签 <p></p> 段落标签 <hn></hn> n的取值是1-6  标题标签 <font size

HTML标签语义化对照表

标签名 英文全拼 中文翻译 a anchor 锚 abbr abbreviation 缩写词 acronym acronym 取首字母的缩写词 address address 地址 b bold 粗体 big big 变大 blockquote block   quotation 区块引用于 br break 换行 caption caption 标题 center center 居中 dd definition   description 定义描述 del delete 删除 div divi

HTML标签的使用要注意语义化

语义化标签:你认为用什么标签最能描述这块内容,觉得这样表述更有意义,那么就可以使用这个标签. 现在的浏览器对CSS支持都挺完善的(不包括CSS3),讲究的是结构与表现相分离,结构与行为相分离,一个WEB页面,结构是最主要的,结构相当于一栋房子的墙,标签是一块块砖,砖摆得有序,摆得整治齐,墙才牢固,所以说标签语义化很重要,HTML每个标签都有自己的语义: DIV:一个层,层里面可以嵌很多东西,例如:文本,图片,现在大部分页面的布局框架是用DIV布的,但是尽量少用,一个是为了语义化,一个是为了以后维