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

1)关于html标签中b和strong两个的区别,我也是今天用到时才注意的,以前都是混着用的,今天工作的时候才注意到这两个标签的区别。

用在网页上,默认情况下它们起的均是加粗字体的作用,二者所不同的是,标签是一个实体标签,它所包围的字符将被设为bold(粗体),而标签是一个逻辑标签,它的作用是加强字符的语气,一般来说,加强字符的语气是通过将字符变为bold(粗体)来实现的。

     注意:什么是物理标记?什么是逻辑标记?

    物理元素所强调的是一种物理html标签,比如说我把一段文字用b标记加粗了,我的意思是告诉浏览器应该给我加粗了显示这段文字,从单词的语义也可以分析得出,b是Bold(加粗)的简写,所以这个B标记所传达的意思只是加粗,没有任何html标签的作用。

    而Strong我们从字面理解就可以知道他是强调的意思,所以我们用这个标记向浏览器传达了一个强调某段文字的消息,而这个Strong就是我们所说的逻辑元素,他是强调文档逻辑的,并非是通知浏览器应该如何显示。

立即学习“前端免费学习笔记(深入)”;

    同样,I是Italic(斜体),而em是emphasize(强调)。

    所以说:物理元素是告诉浏览器我应该以何种格式显示文字,逻辑元素告诉浏览器这些文字有怎么样的重要性。

     总结:简单的说strong是web标准中xhtml的标签,strong的意思是“强调”;b是html的,b的意思是bold(粗体)。web标准主张xhtml不涉及具体的表现形式,“强调”可以用加粗来强调,也可以用其它方式来强调,比如下划线,比如字体加大,比如红色,等等,可以通过css来改变strong的具体表现。

     并不是说有了strong,就淘汰了b,只是这个b很无辜,就因为自己表示的是字体加粗,恰巧跟strong默认情况下强调的效果一致,其实这个strong完全可以定义成别的样式的强调效果

    WEB标准提倡样式与内容分离,所以纯粹为了达到加粗而使用B已经不建议这样做。

    从Xhtml标签有意义性及用户体验角度来说,strong更有益,更被建议使用。而SEO方面,则针对优化情况而定。

结论:对于html标签引擎来说要重视的多。为了符合现在W3C的标准,还是推荐使用strong标签。

    

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

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

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

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

   结论同上,为了符合现在W3C的标准,还是推荐使用标签。

 

   3)注意: 标签和  标签一样,用于强调文本,但它强调的程度更强一些。

以上就是HTML中,标签的区别的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3196481.html

(0)
上一篇 2025年4月1日 03:02:33
下一篇 2025年4月1日 03:02:42

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 小象超市和美团优选的区别

    小象超市与美团优选:美团旗下两大购物平台的差异解析 小象超市和美团优选同属美团体系,却在运营模式上展现出显著差异。小象超市更贴近传统线上超市模式,而美团优选则主打社区团购。 小象超市与美团优选的对比 两者核心区别在于经营模式: 线下融合: …

    2025年4月1日
    100
  • 抖音极速版怎么移除粉丝

    抖音极速版如何删除粉丝?本文将指导您快速移除抖音极速版粉丝。 第一步:进入粉丝列表 打开抖音极速版App,点击右上角的“粉丝”图标。 第二步:访问管理菜单 在粉丝页面,点击右上角的设置图标(通常为三个点或类似符号)。 第三步:移除粉丝 在弹…

    2025年4月1日
    100
  • 西瓜视频和抖音是什么关系 西瓜视频和抖音区别在哪里

    西瓜视频与抖音合并后,您是否也遇到了登录问题?本文将为您解答疑惑,并详细对比西瓜视频和抖音的差异。 西瓜视频与抖音的关系 西瓜视频和抖音同属字节跳动旗下,两者已深度融合,并共同参与“中视频伙伴计划”,鼓励创作者在抖音、西瓜视频和今日头条平台…

    2025年4月1日
    100
  • 高德地图深绿色和浅绿色的区别

    高德地图深绿色和浅绿色的区别在于道路上面车辆的数量、行驶期间道路的平整度,深绿色代表的就是交通很顺畅,浅绿色代表的就是道路上会有车较为顺畅。 高德地图深绿色和浅绿色的区别 答:高德地图深绿色和浅绿色代表不同的路况。 1、深绿色代表交通非常顺…

    2025年4月1日
    100
  • yum怎样删除不需要的软件

    使用YUM高效卸载Linux软件包 本文将指导您如何使用YUM(Yellowdog Updater, Modified)命令行工具在Linux系统中删除不需要的软件包。 第一步:查看已安装软件包 首先,列出系统中所有已安装的软件包,以便确定…

    2025年4月1日
    100
  • BUTTON标签和INPUT标签的区别

    一句话概括主题:具有相同的作用但是在可操控性方面更加强大。 HTML 4.01规范的Forms部分指名表单有以下几种控制类型:buttons, checkboxes, radio buttons, menus, text input, fi…

    2025年4月1日 编程技术
    100
  • HTML中Div、span、label标签的区别

    p与span 大家在初学p+css布局时,有很多困惑,在p与span的使用过程没觉得有一定的”章法”,觉得两个区别不大,在w3c的关于p和span的定义:p作为分割文档结构自然使它最官方的语义,但是这样的官方语义太让人迷惑,大的结构还好,但…

    编程技术 2025年4月1日
    100
  • HTML label标签的一点理解

    label标签为input元素定义标注。 label元素不呈现任何特殊效果。不过他为鼠标用户改进了可用性。如果你在label元素内点击文本就会触发此。就是说当用户选择该标签是,浏览器就会自动的将焦点转到与表单相关的控件上来。 其有两个for…

    编程技术 2025年4月1日
    100
  • Html中的map标签

    图像的影像, 标签浅谈 在HTML中还可以把划分成多个热点区域,每一个热点域链接到不同网页的资源。这种效果的实质是把一幅图片划分为不同的热点区域,再让不同的区域进行超链接。这就是影像地图。要完成地图区域超链接要用到三种标签: ;&#8211…

    2025年4月1日 编程技术
    100
  • HTML Map 标签的使用

    今天看到京东的一个营销活动,左侧浮动浮动是用html 中的map标签写的,因此有了这篇记录的文章。 直接上图如其中的大家电 @@##@@ 登录后复制 顺便在摘抄了一些相关资料奉上: HTML 标签 带有可点击区域的图像映射; 立即学习“前端…

    2025年4月1日
    100

发表回复

登录后才能评论