HTML中<b>标签和<strong>便签的区别

最近碰到的问题,自己写的时候因为<b>标签比较简短偶尔使用,看到别人有使用<strong>标签的,本人不懂区别,在网上找的别人的东西,觉得很有道理,跟大家分享看看~~

链接:http://www.zhihu.com/question/20961933/answer/16732800
来源:知乎

不要动不动就把英语的术语、名称或概念牵强地翻译成中文。(从英文角度来理解我觉得是有道理的)
不是「粗体和加重有什么区别」(原题如此),是「HTML 标签 <b> 和 <strong> 有什么区别」。

HTML 的标签负责将内容标记为 HTML 元素,浏览器的默认 CSS 样式表负责按照 W3C 的建议来指定 HTML 元素的默认样式。

在那个用 HTML 指定字体、字号、颜色……的时代,HTML 标签 <b> 的意思是「bold」(粗体),它是一个单纯的样式标签,指定文本要用粗体。<strong> 是一个带有着重意味的标签,浏览器通常也把它显示为粗体。
后来 CSS 兴起,CSS 语句 font-weight: bold 成为首选的设置粗体的手法。<b> 这种样式标签通常被唾弃,而 <strong> 这样的语义标签受推崇。
后来 HTML5 兴起,重新界定了 <b> <i> <strong> <em> 这几个相似标签的意义。直接从 HTML5 规范原文来看,其实很清楚:

  • <em>:「stress emphasis of its contents」——强调内容。
  • <strong>:「strong importance for its contents」——着重内容。

Emphasis 和 importance 的区别对于汉语使用者来说可能也比较难把握。但如果你熟悉英语的写作格式,你会明白格式化为斜体的各种强调文本与格式化为粗体的着重文本的区别。英语等西文的正文中,粗体其实是很少出现的。

  • <i>:「a span of text in an alternate voice or mood, or otherwise offset from the normal prose in a manner indicating a different quality of text, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, transliteration, a thought, or a ship name in Western texts」——无强调或着重意味的斜体(italic),比如生物学名、术语、外来语(比如「de facto」这样的英语里常用的拉丁语短语)……
  • <b>:「a span of text to which attention is being drawn for utilitarian purposes without conveying any extra importance and with no implication of an alternate voice or mood, such as key words in a document abstract, product names in a review, actionable words in interactive text-driven software, or an article lede」——无强调或着重意味的粗体(bold),比如文章摘要中的关键词、评测文章中的产品名称、文章的导言……

所以是的,正常浏览器里 <b> 和 <strong> 都显示为粗体。
「在网页显示中」没有什么区别。在代码编写上有区别。

如果你懒得看 W3C 文档,手头又没有称职的教材或参考书,遇到 HTML 元素意义的问题时,直接去看维基百科的这个词条:HTML element

时间: 2024-10-01 02:10:10

HTML中<b>标签和<strong>便签的区别的相关文章

html中&lt;b&gt;标签和&lt;Strong&gt;标签的区别

关于html标签中b和strong两个的区别,我也是今早上才注意的,以前都是混着用的,早上看书的时候才注意到这两个标签的区别. 用在网页上,默认情况下它们起的均是加粗字体的作用,二者所不同的是,<b>标签是一个实体标签,它所包围的字符将被设为bold(粗体), 而<strong>标签是一个逻辑标签,它的作用是加强字符的语气,一般来说,加强字符的语气是通过将字符变为bold(粗体)来实现的. 简单的说strong是web标准中xhtml的标签,strong的意思是“强调”:b是htm

HTML中&lt;meta&gt;标签的使用

HTML中<meta>标签的使用 <meta>标签基本介绍 <meta>标签是HTML网页源代码中一个重要的html标签.META便签用来描述一个HTML网页文档的属性,例如作者.日期.关键词.页面刷新.除此之外<meta>标签用于搜索引擎优化(SEO).它位于HTML文档中<head>元素内,虽然它提供的信息不可见,但它却是文档最基本的元信息. <meta>标签的属性列举 <meta>标签中属性可以分为必选属性和可选的属

HTML中&lt;meta&gt;标签如何正确使用

如果我们在浏览器中按下F12或者Ctrl+shift+J,便可以打开开发者工具,在element中即可看到<head>元素中有不少<meta>元素.对于网页而言,<meta>元素是必不可少的.我们在创建一个html5文档时,就会发现类似于<meta charset="UTF-8">这样的标签,来规定解析文档的字符类型.那么,它还有哪些作用呢?下面,我将一探究竟!我会通过下面几个部分来讲解,如果你希望直接看后面部分的内容,可以直接点击下面的

锤子便签V2.5产品体验报告

前言 笔者对互联网产品很感兴趣,但属小白玩家.如果各位前辈有兴致请看一下,恭候指教. 体验环境 体验产品:锤子便签 体验版本:V2.5 体验终端:华为荣耀3X畅玩版 手机系统:Android4.2.2 体验日期:2015.09.02 产品概览 锤子便签是一款工具类App,可以让用户在便签中输入文字以及加载图片,文字部分支持Markdown语言,编辑完成之后支持用户以文字或者图片或者网页的形式,通过社交工具或者即时通讯工具分享出去. 产品定位         产品解读 为有些文艺气息,喜欢图文混编

在ASP.NET程序中用程序动态向&lt;head&gt;便签里添加&lt;meta&gt;标签

在使用ASP.NET框架开发: 若要在Html网页中加入<meta>设置,但想通过程序动态加入: 1.如果是ASP.NET4.0以前版本: 使用HtmlMeta类加入<meta>设置: //首先我们应该创立HtmlMeta类实体(命名空间:System.Web.UI.HtmlControls) HtmlMeta meta1=new HtmlMeta(); meta1.Name="keyword"; meta1.Content="ASP.NET,jQue

h1、h2、h3标签及strong标签对页面seo的影响

今天和大家来聊下h1,h2,h3,strong几个标签,在网页中的使用对页面seo的影响,也阐述了个人的一些想法. 首先简要讲下H标签及strong标签的含义:<h1>.<h2>.<h3>.<h4>.<h5>.<h6>,作为标题使用,h1是最大的标题,h6标签是最小的标题,在使用h标签过程中应该是完整有序没有断层的.例如:h1.h2.h3.h4这样的顺序,象h1.h3.h4就漏掉h2.一个结构良好的网页,h标签可以组织起一个网页的大纲

IOS UIWebView截获html并修改便签内容,宽度自适应

需求:混合应用UIWebView打开html后,UIWebView有左右滚动条,要去掉左右滚动效果:  方法:通过js截获UIWebView中的html,然后修改html标签内容:  实例代码:  服务器端html Java代码   <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="

CSS中,html中的标签元素

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>...<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 常用的内联元素有: <a>.<span>.<br>.<

锤子便签的 monkeyrunner 测试脚本(转)

https://testerhome.com/topics/878 MonkeyRunner可能大家已经听过无数次了,大家在网上也看过了各种关于的它的资料了,我这里就不再过多的啰嗦它的用途了,它可以对app做功能测试也可以对手机Rom做功能测试,在没有app源码的情况下monkeyrunner可以做到很好的功能测试.MonkeyRunner有一个录制脚本的工具和回放的功能,大家去下载monkeyrecody.py和monkeyplayback.py这两个脚本就可以了,这个我这里也不讲了,网上去g