
什么是 XHTML?
- XHTML 是EXtensible HyperText Markup Language(可扩展超文本标记语言)的缩写。
- XHTML 是一种基于 XML 的、更加严格的 HTML 版本。
- XHTML 是将 HTML 定义为 XML 应用程序的一种形式。
- XHTML 得到所有主流浏览器支持。
为什么选择 XHTML?
在互联网中,存在着大量“不规范”甚至“质量较低”的 HTML 代码。
如果在浏览器中查看,下面的 HTML 代码运行起来非常正常(即使它并未遵守 HTML 规则):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开创者教程(kaicz.com)</title>
</head>
<body>
<h1>这是一个标题
<p>这是一个段落
</body>
</html>
XML 是一种必须正确标记且格式良好的标记语言。
如果希望学习 XML,请阅读我们的 XML 教程。
科技领域有多种浏览器技术,既运行在计算机上,也应用于手机等小型设备。小型设备处理能力有限,难以有效解析“不规范”的代码。
所以,通过结合 XML 和 HTML 的长处,开发出了 XHTML。XHTML 是作为 XML 被重新设计的 HTML。
XHTML 与 HTML 的区别
- 文档必须包含正确的 <!DOCTYPE>声明。
- <html>标签必须包含xmlns属性,用于定义 XML 命名空间。
- 文档中必须正确使用:<html>、<head>、<title>和<body>标签。
- 元素必须按照正确的顺序嵌套,不能交叉。
- 元素必须始终闭合,即使是空元素(例如<br />)。
- 元素名称必须为小写字母。
- 属性名称必须为小写字母。
- 属性值必须用双引号(")或单引号(')括起来。
- 属性不能使用简写形式(例如 checked 必须写成 checked="checked")。
以下是一个符合 XHTML 规则的示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XHTML 示例</title>
</head>
<body>
<p>这是一个符合 XHTML 规则的文档。</p>
<br />
<input type="checkbox" checked="checked" />
</body>
</html>
<!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 of document</title>
</head>
<body>
文档内容
</body>
</html>
XHTML 元素必须合理嵌套
错误示例:
<b><i>粗体和斜体文本</b></i>
正确示例:
<b><i>粗体和斜体文本</i></b>
XHTML 元素必须始终闭合
错误示例:
<p>这是一个段落
<p>这是另外一个段落
正确示例:
<p>这是一个段落</p>
<p>这是另外一个段落</p>
XHTML 空元素必须终闭合
错误示例:
分行:<br>
水平线:<hr>
图片:<img src="face.gif" alt="Happy face">
正确示例:
分行:<br />
水平线:<hr />
图片:<img src="face.gif" alt="Happy face" />
XHTML 元素必须是小写
错误示例:
<BODY>
<P>这是一个段落</P>
</BODY>
正确示例:
<body>
<P>这是一个段落</P>
</body>
XHTML 属性名称必须是小写
错误示例:
<table WIDTH="100%">
正确示例:
<table width="100%">
XHTML 不允许属性简写
错误示例:
<input checked>
<input readonly>
<input disabled>
<option selected>
正确示例:
<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">
使用 W3C 验证你的 XHTML 规范性
请在下面的输入框中输入您的网址:
评论区 0
发表评论
教程介绍
HTML 超文本标记语言,一种用于创建网页的标准标记语言,在浏览器上运行和解析。
60
章节
230
阅读
0
评论