HTML5基础(部分)
1、HTML5文档基本格式
（1）HTML5文档的基本格式主要包括<!DOCTYPE>文档类型声明、根标记、头部标记、主体标记，具体介绍如下：
<!doctype html>
只有在开头处使用<!DOCTYPE>声明，浏览器才能将该网页作为有效的HTML文档，并按指定的文档类型进行解析。使用HTML5的DOCTYPE声明，会触发浏览器以标准兼容模式来显示页面。
（2） html标记
html标记位于<!DOCTYPE> 标记之后，也称为根标记，用于告知浏览器其自身是一个 HTML 文档， 标记标志着HTML文档的开始，标记标志着HTML文档的结束，在它们之间的是文档的头部和主体内容。
（3）head 标记
head标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在html标记之后，主要用来封装其他位于文档头部的标记用来描述文档的标题、作者以及和其他文档的关系等。
一个HTML文档只能含有一对head标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。
(4）body标记
body标记用于定义HTML文档所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于body标记内，body标记中的信息才是最终展示给用户看的。
一个HTML文档只能含有一对body标记，且body标记必须在html标记内，位于head头部标记之后，与head标记是并列关系。
2、HTML5语法
（1）标签不区分大小写
HTML5采用宽松的语法格式，标签可以不区分大小写，这是HTML5语法变化的重要体现。例如：
p>这里的p标签大小写不一致</P
在上面的代码中，虽然p标记的开始标记与结束标记大小写并不匹配，但是在HTML5语法中是完全合法的。
（2）允许属性值不使用引号（最好不要）
在HTML5语法中，属性值不放在引号中也是正确的。例如：
<input checked=a type=checkbox/>
<input readonly=readonly type=text />
以上代码都是完全符合HTML5规范的，等价于：
<input checked="a" type="checkbox"/>
<input readonly="readonly" type="text" />
（3）允许部分属性值的属性省略
在HTML5中，部分标志性属性的属性值可以省略。例如：
<input checked="checked" type="checkbox"/>
<input readonly="readonly" type="text" />
可以省略为：
<input checked type="checkbox"/>
<input readonly type="text" />
从上述代码可以看出，checked="checked"可以省略为checked，而readonly="readonly"可以省略为readonly。
3、HTML标记
在HTML页面中，带有“< >”符号的元素被称为HTML标记，如上面提到的、、都是HTML标记。所谓标记就是放在“< >”标记符中表示某个功能的编码命令，也称为HTML标签或HTML元素。
为了方便学习和理解，通常将HTML标记分为两大类，分别是“双标记”与“单标记”。
（1）双标记。
双标记也称体标记，是指由开始和结束两个标记符组成的标记。其基本语法格式如下：
<标记名/>内容</标记名>
该语法中“<标记名>”表示该标记的作用开始，一般称为“开始标记（start tag）”，“</标记名>” 表示该标记的作用结束，一般称为“结束标记（end tag）”。和开始标记相比，结束标记只是在前面加了一个关闭符“/”。
（2）单标记。
单标记也称空标记，是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下；
<标记名/>
（3）注释标记。
在HTML中还有一种特殊的标记——注释标记。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字，就需要使用注释标记。其基本语法格式如下：（快捷键 ctrl+’/’)
例如，下面为
标记添加一段注释，示例代码如下：
这是一段普通的段落。
需要说明的是，注释内容不会显示在浏览器窗口中，但是作为HTML文档内容的一部分，可以被下载到用户的计算机上，查看源代码时就可以看到。 4、元素的属性 使用HTML制作网页时，如果想让HTML标记提供更多的信息，例如希望标题文本的字体为“微软雅黑”且居中显示，此时仅仅依靠HTML标记的默认显示样式已经不能满足需求了，需要使用HTML标记的属性加以设置。其基本语法格式如下： <标记名 属性1="属性值1" 属性2="属性值2" …> 内容<meta name="名称" content="值" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
设置页面自动刷新与跳转：
<meta http-equiv="refresh" content="10;url=http://www.itcast.cn" />
（3）标记
一个页面往往需要多个外部文件的配合，在中使用标记可引用外部文件，一个页面允许使用多个标记引用多个外部文件。其基本语法格式如下：
2689
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
