HTML 与 XHTML
XHTML 是 HTML 的一个更严格、更基于 XML 的版本。
什么是 XHTML?
- XHTML 代表可扩展超文本标记语言 (EXtensible HyperText Markup Language)
- XHTML 是 HTML 的一个更严格、更基于 XML 的版本。
- XHTML 是定义为 XML 应用程序的 HTML。
- XHTML 受所有主流浏览器支持。
为什么要使用 XHTML?
XML 是一种标记语言,其中所有文档都必须正确标记(“格式良好”)。
XHTML 的开发是为了使 HTML 更具可扩展性和灵活性,以便与其他数据格式(如 XML)一起使用。此外,浏览器会忽略 HTML 页面中的错误,即使标记中存在一些错误,也会尝试显示网站。因此,XHTML 附带了更严格的错误处理。
如果你想学习 XML,请阅读我们的 XML 教程。
与 HTML 最重要的区别
- <!DOCTYPE> 是必需的
- 在 <html> 中的 xmlns 属性是必需的
- <html>、<head>、<title> 和 <body> 是必需的
- 元素必须始终正确嵌套
- 元素必须始终闭合
- 元素必须始终小写
- 属性名必须始终小写
- 属性值必须始终带引号
- 属性最小化是禁止的
XHTML - <!DOCTYPE ....> 是必需的
XHTML 文档必须具有 XHTML <!DOCTYPE> 声明。
<html>、<head>、<title> 和 <body> 元素也必须存在,并且 <html> 中的 xmlns 属性必须指定文档的 xml 命名空间。
示例
这是一个具有最少必需标签的 XHTML 文档:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>文档标题</title>
</head>
<body>
此处的一些内容...
</body>
</html>
XHTML 元素必须正确嵌套
在 XHTML 中,元素必须始终正确嵌套在彼此内部,如下所示
正确
<b><i>一些文本</i></b>
错误
<b><i>一些文本</b></i>
XHTML 元素必须始终闭合
在 XHTML 中,元素必须始终闭合,如下所示
正确
<p>这是一段文字</p>
<p>这是另一段文字</p>
错误
<p>这是一段文字
<p>这是另一段文字
XHTML 空元素必须始终闭合
在 XHTML 中,空元素必须始终闭合,如下所示
正确
断行:<br />
水平线:<hr />
图片:<img src="happy.gif" alt="笑脸" />
错误
断行:<br>
水平线:<hr>
图片:<img src="happy.gif" alt="笑脸">
XHTML 元素必须小写
在 XHTML 中,元素名必须始终小写,如下所示
正确
<body>
<p>这是一段文字</p>
</body>
错误
<BODY>
<P>这是一段文字</P>
</BODY>
XHTML 属性名必须小写
在 XHTML 中,属性名必须始终小写,如下所示
正确
<a href="https://w3schools.org.cn/html/">访问我们的 HTML 教程</a>
错误
<a HREF="https://w3schools.org.cn/html/">访问我们的 HTML 教程</a>
XHTML 属性值必须带引号
在 XHTML 中,属性值必须始终带引号,如下所示
正确
<a href="https://w3schools.org.cn/html/">访问我们的 HTML 教程</a>
错误
<a href=https://w3schools.org.cn/html/>访问我们的 HTML 教程</a>
XHTML 属性最小化是被禁止的
在 XHTML 中,属性最小化是被禁止的
正确
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" />
错误
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />