目录 [1]文档结构 [2]文档声明 [3]文档头部 [4]文档主体

文档结构

一个完整的HTML文档必须包含3个部分：文档声明、文档头部和文档主体。

【最简单的文档结构】

Document

【复杂的文档结构】

Document

文档声明

告诉浏览器以哪个标准来解析HTML文档

[注意]必须首行、顶格，对大小写不敏感

【HTML版本】

版本

年份

HTML

1991

HTML+

1993

HTML 2.0

1995

HTML 3.2

1996

HTML 4.01

1999

XHTML 1.0

2000

HTML5

2014

【常用声明】

【1】HTML5

【2】在HTML5之前，文档声明一般有三种类型：严格型strict、过渡型transitional、框架frameset

【a】HTML4.01

/p>

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

/p>

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

【b】XHTML1.0

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

【c】XHTML1.1 等同于XHTML1.0 Strict

文档头部

描述了文档的一些基本的属性和信息(可以呈现的是title和icon)

【1】文档标题

【作用】

【a】定义浏览器工具栏中的标题

【b】提供页面被添加到收藏夹时显示的标题

【c】显示在搜索引擎结果中的页面标题

[注意]在所有HTML文档中，

都是必须的

【2】base标签

为页面上所有链接规定默认地址和默认打开方式

【3】link标签

link标签有属性href、rel、media、hreflang、type和sizes。其中href和rel是常用的，href指定了链接的资源的地址(url)，而rel指定了资源的类型。

alternate 指示链接到该文档的另一个版本

author 指示链接到当前文档的作者主页

help 指向一个跟网站或页面相关的帮助文档

icon 引入代表当前文档的图标，新的sized属性与这个属性结合使用，指定链接图片的宽高

license 链接到当前的文档的版权声明

next 指示链接到文档是一组文档中的下一份

pingback 处理当前文档被引用情况的服务器地址

prefetch 指明需要缓存的目标资源

prev 标明了上一个文档

search 链接到可以用于搜索当前页面和相关页面的资源

sidebar 链接到可以作为附属上下文的文档

stylesheet 引入样式表

tag 创建应用于当前文档的标签

screen 计算机屏幕

tty 终端

tv 电视

projection 投影仪

handheld 手持设备

print 打印的页面

braille 盲文设备

aural 语音合成器

all 所有

//sizes属性规定被链接资源的尺寸，且只有当被链接资源是图标时，才可使用该属性。

【a】引入图标

【b】引入外部CSS样式表

【4】style标签和script标签

async:规定异步执行脚本(仅适用于外部脚本)

defer:规定是否对脚本执行进行延迟，直到页面加载为止

(1)设置async，不设置defer

脚本与页面并行解析。如果有多个脚本，执行属性也许跟它们在源代码中的顺序不一致，取决于哪个先加载完成

(2)不设置async，设置defer

页面解析后执行脚本，脚本的执行顺序确定

(3)不设置async和defer

遇到脚本立即执行，并且页面剩余的解析等待脚本完成执行

(4)设置async和defer

跟只设置async属性的效果一致

【a】引入内部CSS样式

【b】引入javascript

document.onclick =function(){

alert('hello world;')

}

【5】meta标签

【a】字符编码，文档的编码一定要与文件本身的编码保持一致，否则会出现乱码，推荐使用UTF-8编码

【b】SEO常用到的关键词keywords和描述description

【c】作者、版权

【d】定时跳转(让网页多少秒刷新，或跳转到其他网页)

【e】期限(指定网页在缓存中的过期时间)

【f】缓存

(禁止缓存，访问者无法脱机浏览)

【g】cookie

【h】viewport:视口，移动端常用

文档主体

真正可以在页面上看到的内容

【默认样式】IE7-浏览器为margin: 15px 10px; 其他浏览器为margin: 8px;

【常用标签】

1. 	[注意]在HTML5标准下，哪些标签可以使用，哪些标签不可以使用，请移步HTML元素和有效的DTD