HTML XHTML 推荐标准

Xhtml 是使用 XML 重新设计的 HTML

现在已经不推荐使用 XHTML 了,如果你想了解 HTML 的发展史,可以继续深入看看


什么是 XHTML ?

  1. XHTML 指的是可扩展超文本标记语言
  2. XHTML 与 HTML 4.01 几乎是相同的
  3. XHTML 是更严格更纯净的 HTML 版本
  4. XHTML 是以 XML 应用的方式定义的 HTML
  5. XHTML 是 2001 年 1 月 发布的 W3C 推荐标准
  6. XHTML 得到所有主流浏览器的支持


为什么使用 XHTML ?

因特网上的很多页面包含了 "糟糕" 的 HTML

比如下面的 HTML 代码运行起来非常正常 ( 即使它并未遵守 HTML 规则 )

<html>
<head>
<meta charset="utf-8">
<title>这是一个不规范的 HTML</title>
<body>
<h1>不规范的 HTML
<p>这是一个段落
</body>

XML 是一种必须正确标记且格式良好的标记语言

所以,通过结合 XML 和 HTML 的长处,开发出了 XHTML

XHTML 是作为 XML 被重新设计的 HTML


与 HTML 相比最重要的区别

文档结构

  1. XHTML DOCTYPE 是 强制性的
  2. <html> 中的 XML namespace 属性是 强制性的
  3. <html>、<head>、<title> 以及 <body> 也是 强制性的

元素语法

  1. XHTML 元素必须 正确嵌套
  2. XHTML 元素必须始终 关闭
  3. XHTML 元素必须 小写
  4. XHTML 文档必须有 一个根元素

属性语法

  1. XHTML 属性必须使用 小写
  2. XHTML 属性值必须用 引号包围
  3. XHTML 属性最小化也是 禁止的

<!DOCTYPE ....> 是强制性的

XHTML 文档必须进行 XHTML 文档类型声明 ( XHTML DOCTYPE declaration )

<html>, <head>, <title>, 和 <body> 元素也必须存在,并且必须使用 <html> 中的 xmlns 属性为文档规定 xml 命名空间

下面的范例演示了带有最少的必需标签的 XHTML 文档

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8">
  <title>文档标题</title>
</head>
<body>
文档内容
</body>
</html>


XHTML 元素必须合理嵌套

HTML 中一些元素可以不互相嵌套

<b><i>粗体和斜体文本</b></i>

但 XHTML 强制要求所有的元素都必须互相正确地嵌套

<b><i>粗体和斜体文本</i></b>


XHTML 元素必须有关闭标签

准确的说,就是有始有终

错误的 XHTML 片段

<p>这是一个段落
<p>这是另外一个段落

正确的 XHTML 片段

<p>这是一个段落</p>
<p>这是另外一个段落</p>


空元素必须包含关闭标签

错误的 XHTML 片段

分行:<br>
水平线: <hr>
图片: <img src="happy.gif" alt="Happy face">

正确的 XHTML 片段

分行:<br />
水平线: <hr />
图片: <img src="happy.gif" alt="Happy face" />


XHTML 标签元素必须是小写

错误的 XHTML 片段

<BODY>
<P>这是一个段落</P>
</BODY>

正确的 XHTML 片段

<body>
<p>这是一个段落</p>
</body>


属性名称必须是小写

错误的 XHTML 片段

<table WIDTH="100%">

正确的 XHTML 片段

<table width="100%">


属性值必须有引号

错误的 XHTML 片段

<table width=100%>

正确的 XHTML 片段

<table width="100%">


不允许属性简写

错误的 XHTML 片段

<input checked>
<input readonly>
<input disabled>
<option selected>

正确的 XHTML 片段

<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">


如何将 HTML 转换为 XHTML

  1. 添加一个 XHTML <!DOCTYPE> 到网页中
  2. 添加 xmlns 属性添加到每个页面的 html 元素中
  3. 改变所有的元素为小写
  4. 关闭所有的空元素
  5. 修改所有的属性名称为小写
  6. 所有属性值添加引号


链接: https://fly63.com/course/1_29