HTML有哪些标签效果相同但含义不同

在HTML中,有一些标签可以实现相同的效果,但是其含义却是不同的。

1、<strong> and <b> and <h1>

<strong> and <b> and 标题标签均能实现加粗效果,使用方式:

<p><strong> strong text </strong></p>
<p><b> bold text </b></p>
<h3>I am  headings</h3>

实现的效果:

bold text
strong text
I am headings

虽然效果相同,但是<strong>标签侧重于表达当前文本是重要的(important)这一层含义,而<b>只是让文本加粗,没有特殊含义。
不推荐使用标题来使文本变大或加粗,因为搜索引擎使用标题来索引Web页面的结构和内容,如果使用标题来加粗或放大某些文本,有时候会造成额外的搜索成本,以后做seo优化就知道了。

2、<em> and <i>

<em> and <i> 两个标签均能实现 斜体 的效果,使用方式:

<p><em> em italic text </em></p>
<p><i> i italic text </i></p>

实现的效果:

em italic text
i italic text

<em> and <i> 两个标签实现的效果相同,但<em>标签同样侧重于表达当前文本是重要的(important)这一层含义,有这一层含义在,而<i>只是单纯的使得文本斜体,没有特殊含义。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,331评论 1 41
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,324评论 0 5
  • Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...
    凛0_0阅读 10,936评论 3 184
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,009评论 19 139
  • 路家小院,柴房 地上放着一副弓箭,边上蹲着两个人。 两个男人。 “锅呢?” “扔了!” “为啥?” “破了…” “...
    最强3号阅读 389评论 0 0