html页面结构的总结，主要为doctype以及meta标签

本文的meta标签是自己收集总结了一部分，如有什么地方不理解请跳转该链接https://segmentfault.com/a/1190000004279791，这里有比较详细以及全面的meta标签的汇总。另外对doctype的总结也比较粗糙，现在都是在用Html5，对Html4的内容了解即可

 

基本结构，doctype、html、head、title、meta、body

 

doctype声明：

• 告诉浏览器本页面是用何种标记语言书写，是什么文档类型

• 不同的文档类型，标签适用范围不一致

• iframe、font、center、dir等不适用所以标签，有的不适用HTML4，有的不适用XHTML。

• html5新增了很多标签不适用其他，同时也抛弃了很多标签

• XHTML1.0

  • 有四种，前三种同HTML4一样

  • ...

  • ...

• HTML4

  • 有三种，Strict、Transitional、Frameset。DTD内容不一样，

  • "http://www.w3.org/TR/html4/frameset.dtd">

• HTML5

 

html

• 文档根元素

• 如果文档类型为XHTML,需要指定xmlns属性。

• xmlns命名空间，浏览器将该命名空间用于该属性所在元素的所以内容

      

       ....

     

 

head

• 包含link、script、style、meta、title

• meta

  • 辅助性标签，通常用来seo，

  • 网页字符编码，utf-8和gb2312。或者

  • epires，缓存失效时间。

  • 

  • 禁止从页面缓存中访问，

  • 页面重定向，

  • ：优先使用最新版ie和chrome浏览器；

  •  

  • keyword，便于seo。：keyword关键词，以逗号区分开

  • description，描述网页内容。：description描述不解释；

  • renderer，规定网页渲染内核。：优先使用chrome内核渲染页面；

  •  

  • robots，：定义网页搜索引擎索引方式，robotterms 是一组使用英文逗号「,」分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow；

    • all：文件将被检索，且页面上的链接可以被查询；　　

    • none：文件将不被检索，且页面上的链接不可以被查询； 　　

    • index：文件将被检索； 　　

    • follow：页面上的链接可以被查询； 　　

    • noindex：文件将不被检索； 　　

    • nofollow：页面上的链接不可以被查询。

  • viewport，这个应用的就比较多了，为移动设备设定，viewport也可作为宽度单位，一些参数设定，width viewport 宽度(数值/device-width)，height viewport 高度(数值/device-height)，initial-scale 初始缩放比例，user-scalable 是否允许用户缩放(yes/no)，一般移动网页上都是设定设备宽度，默认不可缩放的；

    • 1

  • ，作者

  • ，修订日期

  • ，编辑软件

 

• link

  • 引入css样式，rel=stylesheet

  • 引入icon，rel=icon，ie10以下，需要将文件命名为favicon.ico

  • 和@import引入css相比的优缺点

  • 这里附上link和@import详细解释的地址https://www.cnblogs.com/my--sunshine/p/6872224.html