1.基本的HTML5的页面整体结构：
<!DOCTYPE HTML> //声明不属于html标记；是一条指令，告诉浏览器编写网页所用的标记版本
<HTML>
<HEAD> //是头部标记，不显示网页中；可包含其他标记：<style>标记定义css样式表，通过<script>标记定义javascript脚本文件
<TITLE>网页标题</TITLE> //显示在浏览器的窗口标题栏中，如果没有title，浏览器标题将显示本页的文件名
</HEAD>
<BODY> //显示在浏览器窗口的客户区中
网页内容
</BODY>
</HTML>
html5新增的结构标记有<footer></footer>（标记定义section或document的页脚）和<header></header>（标记定义文档的页眉）
<footer>作者：XX 联系方式：xxxxxxxxxxx</footer> //在典型的情况下，包含创作者的姓名，文档的创作日期或者联系方式
2.html5的基本标记详解
HTML文档最基本结构主要包括文档类型说明、html文档开始标记、元信息、主体标记和页面注释标记
(1)文档类型说明
html5对文档类型进行了简化，简单到15个字符：<!DOCTYPE html>//需要放在html5文件的第一行
(2)html标记
文档所有内容都写在以<html>开头，以</html>结尾的中间部分
(3)头标记head
包括标题信息，元信息，定义css样式和脚本代码等
在头标记<head></head>之间还可以插入标题标记title和元标记信息meta
标题标记title：
<title></title>之间的内容可以帮助用户更好的识别页面
预览网页时，设置的标题在浏览器的左上方标题栏中显示；在windows任务栏中显示的也是这个标题
页面的标题只有一个，位于html文档的头部
元信息标记meta：
<meta>提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词
不包含任何内容，<meta>标记的属性定义了与文档相关联的名称/值对
a.字符集charset属性
使字符集的定义更加容易
<meta charset="ISO-8859-1"> (告诉浏览器网页使用ISO-8859-1字符集显示)
b.搜索引擎的关键词
在早期，meta keywords关键词对搜索引擎的排名算法起到一定的作用，也是很多人进行网页优化的基础。关键词在浏览时是看不到的
<meta name="keywords" content="关键词，keywords"/>
不同的关键词之间应使用半角逗号隔开（英文输入状态下），不要使用“空格”或者“|”间隔
是keywords，不是keyword
关键词标签中的内容应该是一个个短语，而不是一段话
定义针对搜索引擎的关键词：<meta name="keywords" content="HTML,CSS,XML,XHTML,JavaScript"/>
关键词keywords曾经是搜索引擎排名很重要因素，但现在已经被很多搜索引擎完全忽略。如果我们加上没有坏处，但是使用不当会有诈骗嫌疑，
所以使用时应该注意：
关键词标签内容与网页核心内容相关，使用的关键词出现在网页文本中
应使用易于用户搜索引擎检索的关键词，过于生僻的词汇不合适作为meta标签的关键词
不要重复使用关键词，否则会被搜索引擎惩罚
一个网页关键词标签最多包含3-5个最重要的关键词，不要超过5个
每个网页的关键词应该不一样
c.页面描述
meta description元标签用来简略描述网页的主要内容，是通常被搜索引擎用在搜索结构页上展示给最终客户看的一段文字。在网页中并不显示
使用格式：<meta name="description" content="网页介绍" />
定义对网页的描述：<meta name="description" content="免费的web学习" />
d.页面定时跳转
可通过将http-equiv属性值设为refresh实现网页在经过一定时间后自动刷新。content属性值可以设置为更新时间
在浏览网页时经常出现一些欢迎信息的页面，经过一段时间自动转到其他页面就是网页跳转
使用格式：<meta http-equiv="refresh" content="秒；[url=网址]" />（[url=网址]可省略，如果有就刷新并跳转；如果省略，页面只进行刷新）
(4)页面的主体标记body
网页要显示的内容全部放在网页主体标记内，以<body>开头和</body>结尾
(5)页面注释标记<!--注释内容-->
3.html5语法的变化
(1)标签不再区分大小写
(2)允许属性值不使用引号（建议应该继续使用引号，以防空格等容易引起混淆的属性值）
(3)允许部分属性值的属性省略
<input checked type="checkbox" />
<input readonly type="text" />
其中checked=“checked”省略为checked，而readonly=“readonly”省略为readonly
可省略属性值的属性：
checked，readonly，defer，ismap，nohref，noshade，nowrap，selected，disabled，multiple，noresize
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
