title与h1的区别、b与strong的区别、i与em的区别?

2,369 阅读2分钟
  • title与h1的区别
    • 定义:
      • title是网站标题,一个页面只能有一个
      • h1是文章主题
    • 作用:
      • title概括网站信息,可以直接告诉搜索引擎和用户这 个网站是关于什么主题和内容的,是显示在网页Tab栏里的;
      • h1突出文章主题,面对用户,更突出其视觉效果,指向 页面主体信息,是显示在网页中的。
    • 注意:
      • 如果title为空,但是页面存在h1,b,strong标签,搜索引擎会默认页面title为h1内的内容,所以 得出结论h1是在没有外界干扰下除title以外第二个能强调页面主旨的标记,在一个页面中应该使用且只使用一次h1标记。
  • b与strong的区别
    • 定义:
      • b(bold)是实体标签,用来给文字加粗
      • strong是逻辑标签,作用是加强字符语气
    • 区别:
      • b标签只是加粗的样式,没有实际含义,常用来表达无强调或着中意味的粗体文字
      • strong表示标签内字符重要,用以强调,其默认格式是加粗,但是可以通过css添加样式,使用别的样式强调
      • 建议:为了符合css3的规范语义化,b应尽量少用而改用strong
  • i与em的区别
    • 定义:
      • i(italic)是实体标签,用来使字符倾斜
      • em(emphasis)是逻辑标签,作用是强调文本内容
    • 区别:
      • i标签只是斜体的样式,没有实际含义,常用来表达无强调或着重意味的斜体,比如生物学名、术语、外来语;
      • em表示标签内字符重要,用以强调,其默认格式是斜体,但是可以通过CSS添加样式。
      • 建议:为了符合CSS3的规 范,i应尽量少用而改用em
  • tootip:
    • 物理元素是告诉浏览器我应该以何种格式显示文字,逻辑元素告诉浏览器这些文字有怎么样的重要性。
    • 对于搜索引擎来说em和strong比i和b要重视的多。