HTML5学习笔记2012.12.28——元素标记的省略,具有boolean值的属性,省略引号

•   可以省略标记的元素

在HTML5中，元素的标记可以省略。可分为“不允许写结束标记”,“可以省略结束标记”和“开始标记和结束标记全部可以省略”三种类型。

1. 不允许写结束标记的元素有：area,base,br,col,command,embed,hr,img,input,keygen,link,meta,paran,source,track,wbr。
2. 可以省略结束标记的元素有：li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfoot,tr,td,th。
3. 可以省略全部标记的元素有：html,head,body,colgroup,tbody.

    不允许写结束标记的元素是指：不允许使用开始标记与结束标记将元素括起来的形式，只允许使用<元素/>的形式进行书写。

    可以省略全部标记的元素是指：该元素可以完全被省略。虽然标记被省略了，但该元素还是以隐式的方式存在。可以使用document进行访问。

• 具有boolean值的属性

具有boolean值的属性为true的情况，见示例代码：

<!-- 只写属性不写属性值代表属性为true -->

<input type="checkbox" checked>

<!-- 不写属性代表属性为false -->

<input type="checkbox">

<!-- 属性值=属性名,代表属性为true -->

<input type="checkbox" checked="checked“>

<!-- 属性值=空字符串，代表属性为true -->

<input type="checkbox" checked="">

• 省略引号

在HTML5中，当属性值不包括空字符串,”<“,">","=",单引号,双引号等字符时，属性值两边的引号可以省略。

示例代码如下:

<!-- 请注意type的属性值两边的引号 -->

<input type="text">

<input type='text'>

<input type=text>