title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别?
title 与 h1 的区别
① title 用于网站信息标题,突出网站标题或关键字,一个网站可以有多个 title,seo 权重高于 H1;H1 概括的是文章主题,一个页面最好只用一个 H1,seo 权重低于 title。
解析:
- A. 从网站角度而言,title 则重于网站信息标题,突出网站标题或关键字用 title,一篇文章,一个页面最好只用一个 H1,H1 用得太多,会稀释主题;一个网站可以有多个 title,最好一个单页用一个 title 以便突出网站页面主题信息。
- B. 从文章角度而言,H1 则概括的是文章主题,突出文章主题,用 H1,面对的用户,要突出其视觉效果。
- C. 从 SEO 角度而言,title 的权重高于 H1,其适用性要比 H1 广。
b 与 strong 的区别
② b 为了加粗而加粗,strong 为了标明重点而加粗。
解析:
- A. b 这个标签对应 bold,即文本加粗,其目的仅仅是为了加粗显示文本,是一种样式/风格需求;
- B. strong 这个标签意思是加强字符的语气,表示该文本比较重要,提醒读者/终端注意。为了达到这个目的,浏览器等终端将其加粗显示。
i 与 em 的区别
③ i 为了斜体而斜体,em 为了标明重点而斜体,且对于搜索引擎来说 strong 和 em 比 b 和 i 要重视的多。
补充
补充:HTML5 之后这几个标签的语义进一步明确——视觉样式交给 CSS,标签本身只表达"语义权重"。
写作建议
- 标题层级:
title(标签栏 / 收藏夹)→h1(页面主标题)→h2~h6(层级小标题) - 强调:需要"加粗 + 强调语义"用
<strong>;只想要"加粗视觉"用 CSSfont-weight - 强调:需要"斜体 + 强调语义"用
<em>;只想要"斜体视觉"用 CSSfont-style
来源整理自:我的有道云笔记



