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 />