HTML5权威指南 -- 创建HTML文档

一、构筑基本的文档结构

1、DOCTYPE元素

<!DOCTYPE HTML>

告诉浏览器：（1）它处理的是HTML文档；（2）用来标记文档内容的HTML所属的版本，但版本号不用写。

2、html元素

根元素，表示文档HTML部分的开始

3、head元素

（1）包含着文档的元数据，元数据向浏览器提供了文档内容和标记的信息，此外还包含脚本和对外部资源的引用。

（2）必须包含title元素

4、body元素

包含着文档的内容

二、用元数据元素说明文档

1、title元素

（1）设置文档的标题或名称

（2）每个HTML文档应该有且只有一个title元素

2、base元素

（1）可用来设置一个基准URL，让HTML文档中的相对链接在此基础上进行解析；HTML文档中至少包含一个base元素

（2）属性：href、target

3、meta元素

（1）用来定义文档中的各种元数据。它有多种不同用法，而且一个HTML文档中可以包含多个meat元素。

（2）指定名/值元数据对：name属性用来表示元数据的类型，content属性用来提供值

（3）声明字符编码：charset属性

（4）模拟HTTP标头字段：http-equrv 属性指定所要模拟的标头字段名称，content属性指定字段值

4、style元素

（1）type属性：指定样式类型，值总是text/css

（2）scoped属性：指定样式作用范围，如果该属性存在，那么其中定义的样式只作用于该元素的父元素及所有兄弟元素

（3）media属性：指定样式适用的媒体

5、link元素

（1）用来在HTML文档和外部资源之间建立联系，最典型的是CSS样式表

（2）rel 属性：说明文档与所关联资源的关系类型

（3）href属性：指定link元素指向的资源的URL

（4）type属性：指定所关联资源的MIME类型，如text/css、image/x-icon

（5）media属性：说明所关联的内容用于那种设备

（6）sizes属性：指定图标的大小

（7）hreflang属性：说明所关联资源使用的语言

6、script元素

（1）用于定义脚本并控制其执行过程

（2）定义内嵌脚本：没有type属性也可以，默认为JavaScript

（3）载入外部脚本：标签内不应再有内嵌脚本

（4）推迟脚本执行：defer属性定义该脚本是否会延迟到文档解析完毕后才执行，该属性对于内嵌脚本无作用

（5）异步执行脚本：async属性指示浏览器是否在允许的情况下异步执行该脚本，该属性对于内嵌脚本无作用

7、noscript元素

（1）用来向禁用了JavaScript或浏览器不支持JavaScript的用户显示一些内容

（2）用途：1、显示不需要JavaScript的内容，并告诉用户需要启用JavaScript才能显示

　　　　　 2、在浏览器不支持JavaScript时，将其引至另一个URL，需要在其中加入meta元素