HTML —— 小记

标签语义化

  • 所谓标签语义化是要使HTML标签具备很好的可读性,可以清晰传达每个标签所要表达的意义,以方便其被友好的处理和解析(主要针对网络爬虫)

    好处:
      1.对搜索引擎友好,增加排名权重
      2.对用户友好
      3.对开发人员友好,便于对代码维护及修改

DOCTYPE

  • 声明文档类型,告知浏览器文档使用哪种html或xhtml规范,触发标准模式,如果不设置,浏览器会默认开启怪异模式解析文档。

  • 怪异模式(quirks mode)是浏览器为了兼容很早之前的针对旧版本浏览器设计,并未严格遵循W3C标准的网页而产生的一种页面渲染模式

  • html5的DOCTYPE只简短地声明html,因为html5的设计原理是必须向后兼容,兼容未来的html6、7、8等等,同时也要适应现有的浏览器,所以版本号对于html5已经没有意义了,这时doctype的声明需要在简单好记的同时仍能触发标准模式,这个平衡点就是html

  • 可以通过打印document.compatMode查看当前文档以哪种模式解析

    Quirksmode--表示怪异模式
    CSSCompat--表示标准模式

HTML的显示方式

  • 块级元素

    p,h1-h6,div,ul,li,ol,dl,dt,dd,form
  • 行内元素

    a,span,b,u,i,s,strong,em,ins,del
  • 行内块级元素

    img,input,textarea

浏览器内核

Trident :ie
Gecko   :Firefox
Webkit  :Safari
Blink   :Chrome,Opera
posted @ 2017-01-10 23:27  Binnear  阅读(117)  评论(0编辑  收藏  举报