HTML5笔记(一):HTML5的基本结构和语法变化

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、允许属性值不适用引号,但不推荐,因为容易导致浏览器误解。

猜你喜欢

转载自blog.csdn.net/hy720530/article/details/81173485