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

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

上一篇:PHP正则表达式匹配嵌套HTML标签的方法和技巧


下一篇:纯CSS实现的非常酷的卡通肖像,艺术与编程结合的典范