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要重视的多。

Q.E.D.

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

弱小和无知不是生存的障碍,傲慢才是。