XHTML 与 HTML 有何不同？

最新推荐文章于 2024-04-25 17:15:40 发布

前端小程

最新推荐文章于 2024-04-25 17:15:40 发布

阅读量310

点赞数

文章标签：前端 xhtml html

本文链接：https://blog.csdn.net/CSSAJBQ_/article/details/123707175

版权

XHTML是一种更纯净、更严格的HTML版本，要求元素正确嵌套、必须关闭、标签小写且文档有根元素。例如，XHTML中所有元素必须彼此正确嵌套，非空标签必须使用结束标签，空标签也需封闭，且标签名必须全小写。此外，属性名称小写，值需加引号，不能简写，并推荐使用Id属性代替name属性。

摘要由CSDN通过智能技术生成

最主要的不同：

XHTML 元素必须被正确地嵌套。

XHTML 元素必须被关闭。

标签名必须用小写字母。

XHTML 文档必须拥有根元素。

XHTML 元素必须被正确地嵌套。

标签由外到内，一层层包覆着，假设你先写div后写h1，结尾就要先写h1后写div。只要记住一个原则“先进后出”。

在 HTML 中，某些元素可以像这样嵌套：
```
这是一个句话
```
在 XHTML 中，所有的元素必须像这样彼此正确地嵌套：
```
这是一个句话<
```

XHTML 元素必须被关闭。

非空标签必须使用结束标签。

这是错误的：

<p>这是一个p标签
<p>这是一个p标签

这是正确的：

<p>这是一个p标签</p>
<p>这是一个p标签</p>

空标签也必须被关闭

空标签也必须使用结束标签，或者其开始标签必须使用/>结尾。

这是错误的：

A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">

这是正确的：

A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

标签名必须用小写字母。

XHTML 规范定义：标签名和属性对大小写敏感。

这是错误的：
```
<BODY>
这是一个p标签
</BODY>
```
这是正确的：
```
<body>
这是一个p标签
</body>
```
XHTML 文档必须拥有根元素。

所有的 XHTML 元素必须被嵌套于根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下：
```
<html>
<head> ... </head>
<body> ... </body>
</html>
```
更多的 XHTML 语法规则：
- 属性名称必须小写
- 属性值必须加引号
- 属性不能简写
- 用 Id 属性代替 name 属性
- XHTML DTD（文档声明）定义了强制使用的 HTML 元素；html、head、body元素，而 title 元素必须位于在 head 元素中。