HTML5新增语法

最新推荐文章于 2022-10-26 15:37:30 发布

即将入土的羸弱老年人

最新推荐文章于 2022-10-26 15:37:30 发布

阅读量427

点赞数

分类专栏： HTML 文章标签： HTML5 新增语法 HTML5新特性

本文链接：https://blog.csdn.net/qq_36823300/article/details/100103131

版权

21 篇文章 1 订阅

订阅专栏

1、DOCTYPE文档及编码

HTML5模式下的 DOCTYPE 文档写法非常简单，只需要通过一句简单的代码即可实现。

<!DOCTYPE html>

比起 HTML4.01和XHTML2.0时的 DOCTYPE 文档写法，HTML5模式下的 DOCTYPE 文档写法更简便。除了文档简便，其编码写法也得到了简化，只需要指定编码方式即可。

<meta charset="utf-8">

XHTML2.0对大小写要求非常严格，规定所有标签和属性都必须小写。在HTML5语法中，大小写没有那么的严格，忽略元素大小写。

<body>
    <input type="text">
    <INPUT type="text">
    <input TYPE="text">
</body>

以上写法在HTML5中都是正确的，但这里要注意，按照W3C组织规定的标准，应尽量采用统一小写的方式来操作HTML标签和属性。

HTML4.01和XHTML2.0中，标签属性必须完整展示，即属性名和属性值同时存在。如设置复选框的选中状态。

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

在HTML5语法中，可以只写属性名。当只写属性名时，默认属性值为true。如果不写此属性，默认值是false。true和false分别代表真和假，属于数据类型中的布尔值类型。

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

HTML5语法中对操作属性值中的引号没有太多的要求，可以采用双引号，也可以采用单引号，甚至可以不写引号。

<body>
    <input type="text">
    <input type='text'>
    <input type=text>
</body>

以上属性值的写法都是正确的，但是要注意一点，当属性值中间有空格隔开时，需要加上引号。

<body>
    <input type="text" class="box1 box2">    <!-- 正确 -->
    <input type="text" class=box1 box2>    <!-- 错误 -->
</body>

同样根据W3C组织规定的规范标准，应尽量给属性名添加引号且最好为双引号。

HTML4.01和XHTML2.0中，单标签必须用斜杠进行闭合操作，如input标签写法。

<body>
    <input type="checkbox" />
</body>

在HTML5语法中，对于单标签不需要闭合操作，直接输写单标签即可。（W3C推荐的标准写法）

<body>
    <input type="checkbox">
</body>

关注

专栏目录