HTML5与旧版本的兼容性

提问人：刘团圆发布时间：2020-11-13

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

1.可以省略的标签

在HTML5中，有些元素可以省略标签。具体来讲，有以下三种情况：

必须写明结束标签。包括area、base、br、col、Command、embed、he、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等。需要注意的是，虽然这些标签可以省略，但实际是确实存在的。例如，<body>标签可以省略，但是在D0M树上是确实可以访问到的，永远都可以用document.body来访问。

2.取得boolean值的属性

取得布尔值的属性，ftPdisabled, readonly等，通过省略属性的值来表达值为true。如果要表达值为fafse,则直接省略属性本身即可。此外，通过写明属性值来表达值为true时，可以将属性的值设置为属性名本身，也可以将值设置为空字符串，代码如下：

〈select name="" id="">

〈option value=""〉下面二个selected属性都是代表元素被默认选中</option〉

〈option value="" selected="">items01</option>

〈option value="" selected>items02</option>

〈option value="" selected="selected">items03</option>

</select>

3.省略属性的引用符

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

下面的代码演示如何省略属性的引用符：

<! --下面三个文本框的写法是允许的-->

〈input type="text">

〈input type=`text1`>

〈input type=text>

</form>

继续查找其他问题的答案？

相关视频回答

点击加载更多评论>>

HTML5与旧版本的兼容性

继续查找其他问题的答案？

最近更新