02 HTML5基本结构和语法变化
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了02 HTML5基本结构和语法变化相关的知识，希望对你有一定的参考价值。
首先要明确的一点，html5并不是对HTML4、XHTML的歌名，也就是说，原来按HTML4开发的HTML网页同样可用；如果开发者受过严格训练，喜欢XHTML那种严格、规范的语法，同样可以按XHTML的严格要求来开发HTML5。
HTML5完全遵守以下3点规则。
a:兼容性：HTML5在老版本的浏览器上也可以正常运行；
b:实用性：HTML5内部并没有特别复杂的功能，它只封装了哪些常用的简单功能；
c:非革命性的发展：HTML5并不是革命性的发展，它只是一种“妥协式”的规范。
1. HTML5基本结构
如果你已经有HTML4的基础，将会发现学习HTML5非常简单，只要把HTML4中的DTD定义改为如下形式即可。
<!DOCTYPE html>
HTML5对元素大小写不再严格区分，开发者可以随意使用大小写字符来定义HTML元素。
对于一份基本的HTML5文档而言，它总有如下结构：
<!DOCTYPE html> <html> <head> <title>页面标题</title> <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”/> <!- - 此处还可插入其他meta、样式单等信息 --> </head> <body> 页面内容 </body> </html>
从上面代码可以看出，HTML5的根元素依然是<html.../>，这个固定不变的内容。在<html.../>这个元素里包含<head.../>和<body.../>两个子元素。<head.../>元素主要定义HTML5文档的页面头，其中<title.../>元素用于定义页面标题，除此之外，还可以在<head.../>元素中定义meta、样式单等信息；<body.../>元素用于定义页面主体，包括页面的文本内容和绝大部分标签。
HTML5支持两种方式来指定页面的字符集。
使用Content-Type指定页面所用的字符集。eg：
<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” />
直接使用charset指定页面所用的字符集。eg：
<meta charset=“gb2312” />
注意：不要在<html>和<head>，</head>和<body>，</body>和</html>之间插入任何内容！
2. HTML5的语法变化
HTML5的语法发生了一些变化，这些变化的最大特征就是：HTML5更宽容了！HTML5规范的设计初衷就是最大限度地“兼容”互联网上随处可见的不规范页面。
归纳起来，HTML5存在如下几点语法变化：
a:标签不在区分大小写
<p>Rodolfo讲述H5</P>中<p.../>元素的开始比爱哦前和结束标签的大小写并不匹配，但这完全符合HTML5规范。
b:元素可以省略结束标签
HTML5显得十分宽容，它允许部分HTML元素省略结束标签，甚至允许HTML元素同时省略开始标签和结束标签。具体来说，HTML5中的省略标签可分为如下三种：
（1）空元素语法的元素：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、war。
空元素不允许将开始标签和结束标签分开定义。例如,<img.../>元素不允许写成如下形式：
<img src=“a.gif” alt=“a”></img> （这是错误的）
<img…/>元素应该是空元素，应该写成：
<img sec=“a.gif” alt=“a” />
与此同时，HTML5并不要求遵守XML规范，因此<img.../>元素写成如下形式也是正确的：
<img src=“a.gif” alt=“a">
（2）可以省略结束标签的元素：
colgroup、dt、dd、li、optgroup、option、p、rt、rp、thead、tbody、tfoot、tr、td、th。
（3）可以省略全部标签的元素：html、head、body、tbody。
c:允许省略属性值的属性
HTML5中允许省略属性值的属性：
checked、readonly、disabled、selected、defer、ismap、nohref、noshade、nowrap、multiple、noresize。
d:允许属性值不使用引号
传统的XHTML按XML规范对属性值进行要求，要求所有的属性值都必须使用引号引起来，但HTML5允许直接给出顺序性质，及时不放在引号中也是正确的。
以上是关于02 HTML5基本结构和语法变化的主要内容，如果未能解决你的问题，请参考以下文章