首页 理论教育 HTML5语法的三个关键要点

HTML5语法的三个关键要点

时间:2023-06-03 理论教育 版权反馈
【摘要】:HTML5中规定的语法,在设计上兼顾了与现有HTML之间最大限度的兼容性。HTML5不将这些视为错误,反而采取了“允许这些现象存在,并将之明确记录在规范中”的方法。因此,尽管与XHTML相比标记比较简洁,但在遵循HTML5的Web浏览器中能保证生成相同的DOM。在HTML5中,有些元素可以省略标签。上述元素中也包括了HTML5的新元素。HTML5语法则更进一步,只要属性值不包含空格、“<”“>”“′”“"”“`”“=”等字符,都可以省略属性的引用符,如下例所示:

HTML5语法的三个关键要点

HTML5中规定的语法,在设计上兼顾了与现有HTML之间最大限度的兼容性。例如,在Web上充斥着“<p>没有结束标签”等HTML现象。HTML5不将这些视为错误,反而采取了“允许这些现象存在,并将之明确记录在规范中”的方法。因此,尽管与XHTML相比标记比较简洁,但在遵循HTML5的Web浏览器中能保证生成相同的DOM。

(1)在HTML5中,有些元素可以省略标签。具体来讲有3种情况:

①不允许写结束标记的元素有area、base、br、col、command、embed、hr、

img、input、keygen、link、meta、param、source、track、wbr。

不允许写结束标记的元素是指,不允许使用以开始标记与结束标记将元素括起来的形式,只允许使用“<元素/>”的形式进行书写。例如:“<br>…</br>”的写法是错误的,应该写成“<br/>”。当然,沿袭下来的“<br>”这种写法也是允许的。

②可以省略结束标签。

li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th可以省略整个标签(即连开始标签都不用写明)。

③可以省略这个标签的元素有:html、head、body、colgroup、tbody。

需要注意的是,虽然这些元素可以省略,但实际上却是隐式存在的。例如<body>标签可以省略,但在DOM树上它是存在的,可以永恒访问“document.body”。上述元素中也包括了HTML5的新元素。有关这些新元素的用法,将在后面的章节中详细讲解。

(2)取得布尔值(Boolean)的属性。

取得布尔值(Boolean)的属性,例如disabled和readonly等,通过省略属性的值来表达“值为true”。如果要表达“值为false”,则直接省略属性本身即可。此外,在写明属性值来表达“值为true”时,可以将属性值设为属性名称本身,也可以将值设为空字符串,如下例所示:(www.xing528.com)

<!--以下的checked属性值皆为true-->

<inputtype="checkbox"checked>

<inputtype="checkbox"checked="checked">

<inputtype="checkbox"checked="">

(3)省略属性的引用符。

设置属性值时,可以使用双引号或单引号来引用。HTML5语法则更进一步,只要属性值不包含空格、“<”“>”“′”“"”“`”“=”等字符,都可以省略属性的引用符,如下例所示:

<!—请注意type属性的引用符-->

<inputtype="text">

<inputtype='text'>

<inputtype=text>

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈