码农教程 - 一技在手,衣食无忧! tools

HTML 与 XHTML

❮ 上一节 下一节 ❯

XHTML 是更严格、更基于 XML 的 HTML 版本。

什么是 XHTML？

  • XHTML 代表 EX可拉伸的H伊佩尔时间分机中号阿卡普L语言
  • XHTML 是更严格、更基于 XML 的 HTML 版本
  • XHTML 是定义为 XML 应用程序的 HTML
  • 所有主流浏览器都支持 XHTML

为什么选择 XHTML？

XML 是一种标记语言，所有文档都必须正确标记（"well-formed"）。

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 of document</title>
</head>
<body>

  some content here...

</body>
</html>

XHTML 元素必须正确嵌套

在 XHTML 中，元素必须始终正确地相互嵌套，如下所示：

正确的：

<b><i>Some text</i></b>

错误的：

<b><i>Some text</b></i>

XHTML 元素必须始终关闭

在 XHTML 中，元素必须始终是闭合的，如下所示：

正确的：

<p>This is a paragraph</p>
<p>This is another paragraph</p>

错误的：

<p>This is a paragraph
<p>This is another paragraph

XHTML 空元素必须始终关闭

在 XHTML 中，空元素必须始终关闭，如下所示：

正确的：

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 元素必须为小写

在 XHTML 中，元素名称必须始终为小写，如下所示：

正确的：

<body>
<p>This is a paragraph</p>
</body>

错误的：

<BODY>
<P>This is a paragraph</P>
</BODY>

XHTML 属性名称必须小写

在 XHTML 中，属性名称必须始终为小写，如下所示：

正确的：

<a href="https://www.91xjr.com/html/">Visit our HTML tutorial</a>

错误的：

<a HREF="https://www.91xjr.com/html/">Visit our HTML tutorial</a>

XHTML 属性值必须加引号

在 XHTML 中，属性值必须始终加引号，如下所示：

正确的：

<a href="https://www.91xjr.com/html/">Visit our HTML tutorial</a>

错误的：

<a href=https://www.91xjr.com/html/>Visit our HTML tutorial</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 />

使用 W3C 验证器验证 HTML

将您的网址输入下面的框中：



❮ 上一节 下一节 ❯