1、HTML5对元素的大小写不再严格区分
2、HTML5的基本结构
<!DOCTYPE HTML>
<html>
<head>
<title>页面标题</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<!--此处还可插入其他meta\样式单等信息-->
</head>
<body>
页面内容部分
</body>
</html>
<!--
注意:
不要在 <html>和<head>之间插入任何内容
不要在</head>和<body>之间插入任何内容
不要在</body>和</html>之间插入任何内容
-->
3、元素可以省略结束标签
1)空元素语法的元素:area、base、br、col、command、embed、hr、img、input、keygen、link、mata、param、source、wbr。这些元素不允许将开始标签和结束标签分开定义。
<img src="a.gif" alt="a"></img>
这是不允许的,因为img是空元素
因此代码应如下
<img src="a.gif" alt="a"/>
OR
<!--因为HTML5并不要求XML规范,因此下面代码也是正确的-->
<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。
<!DOCTYPE HTML>
<title>test</title>
<p>
<ol>
<li>aaaa
<li>bbbb
<li>cccc
<img src="a.gif" alt="a"/>
</ol>
页面中完全没有<html.../>、<head.../>和<body.../>这三个元素,
页面中<p.../>、<li.../>元素都只有开始标签,没有结束标签,
这个页面是符合HTML5规范的。但不推荐这样书写
4、允许省略属性值的属性
1)XHTML要求所有元素的所有属性名都应该小写,输有属性都必须指定属性值,不能简写,而且所有属性值必须使用引号引起来。HTML5的语法中允许部分“标志性”的属性可以省略属性值。演示代码如下:
HTML5:
<input checked type="checkbox"/>
<input readonly type="text"/>
<input disabled type="text"/>
<option value="1" selected/>
XHTML:
<input checked="checkbox" type="checkbox"/>
<input readonly="readonly" type="text"/>
<input disabled="disabled" type="text"/>
<option value="1" selected="selected">a</option>
如果完全省略这些属性(连属性名都不出现),那么该属性的属性值相当于false
5、允许属性值不适用引号,但不推荐,因为容易导致浏览器误解。