html中strong与b,em与i标签的区别-一一网

html中strong与b,em与i标签的区别

       说到strong与b、em与i标签之前,我们需要先了解表现化与结构化的概念。表现化标签只是单纯为了控制外观而存在的;而结构化标签指的是能够给文档添加内容意义的标签。

html中strong与b,em与i标签的区别

  好了,现在可以说说strong与b、em与i标签了。strong与em是结构化标签,而b与i是表现化标签。那么我们在网站建设中到底该怎么使用strong与b,以及使用em与i呢。

  在此建议大家彻底抛弃b和i标签,而使用strong和em。这都是为了表达意义和结构,而不仅仅表示外观。

  我们看看中怎么说的:

  Phrase elements add structural information to text fragments. The usual meanings of phrase elements are following:

  EM:

  Indicates emphasis.(表示强调)

  STRONG:

  Indicates stronger emphasis.(表示更强的强调)所以strong和em是两种级别的强调。例如,一个单词或者短语需要显得更加响亮、更高调、更快速……总之,要比一般文本更加突出。这里我们就引出了strong和em在SEO中的应用了,可以对目标关键词或者长尾关键词等加上该标签,然搜索引擎知道我们的内容中强调的是什么!

  W3C还继续做了如下说明:

  “短语元素的外观呈现效果取决于用户代理程序。—般情况下,图形界面的用户代理会将用em标记的文本显示为斜体,将strong标记的文本显示为粗体。语音合成器的用户代理则可能会相应地改变参数,例如音量、音高以及节奏。”

  作为替代,使用b和i仅仅是简单的外观指令。如果我们的目标是将结构和外观尽可能彻底地分离,那么当使用strong和em是不二的选择。我们可以把对文本的加粗和加斜工作留给CSS去完成。

  如果我们在网页中不需要强调某个词语,但是又想使用加粗或者斜体,我们可以使用CSS,以下两条分别是字体加粗和斜体的CSS规则:

  {font-weight: bold;}{font-style: italic;}

       为了符合现在W3C的标准,还是推荐使用strong标签。

  strong标签:视觉效果加粗。HTML语义为强调,表示语气上的强调、加重。

  当盲人使用屏幕阅读器上时能够明显能体现出B与Strong的不同。遇到B时与处理一般词语一样进行阅读,遇到Strong时回加重与停顿.

  b标签:视觉效果加粗。本身不具备HTML语义。

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

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

  结论:对于搜索引擎来说<strong>和<em>比<b>和<i>要重视的多。

免责声明:务必仔细阅读

  • 本站为个人博客,博客所转载的一切破解、path、补丁、注册机和注册信息及软件等资源文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。

  • 本站为非盈利性站点,打赏作为用户喜欢本站捐赠打赏功能,本站不贩卖软件等资源,所有内容不作为商业行为。

  • 本博客的文章中涉及的任何解锁和解密分析脚本,仅用于测试和学习研究,禁止用于商业用途,不能保证其合法性,准确性,完整性和有效性,请根据情况自行判断.

  • 本博客的任何内容,未经许可禁止任何公众号、自媒体进行任何形式的转载、发布。

  • 博客对任何脚本资源教程问题概不负责,包括但不限于由任何脚本资源教程错误导致的任何损失或损害.

  • 间接使用相关资源或者参照文章的任何用户,包括但不限于建立VPS或在某些行为违反国家/地区法律或相关法规的情况下进行传播, 博客对于由此引起的任何隐私泄漏或其他后果概不负责.

  • 请勿将博客的任何内容用于商业或非法目的,否则后果自负.

  • 如果任何单位或个人认为该博客的任何内容可能涉嫌侵犯其权利,则应及时通知并提供身份证明,所有权证明至admin@proyy.com.我们将在收到认证文件后删除相关内容.

  • 任何以任何方式查看此博客的任何内容的人或直接或间接使用该博客的任何内容的使用者都应仔细阅读此声明。博客保留随时更改或补充此免责声明的权利。一旦使用并复制了博客的任何内容,则视为您已接受此免责声明.

您必须在下载后的24小时内从计算机或手机中完全删除以上内容.

您使用或者复制了本博客的任何内容,则视为已接受此声明,请仔细阅读


更多福利请关注一一网络微信公众号或者小程序

一一网络微信公众号
打个小广告,宝塔服务器面板,我用的也是,很方便,重点是免费的也能用,没钱太难了,穷鬼一个,一键全能部署及管理,送你3188元礼包,点我领取https://www.bt.cn/?invite_code=MV9kY3ZwbXo=


一一网 » html中strong与b,em与i标签的区别

发表评论

发表评论

一一网络-提供最优质的文章集合

立即查看 了解详情