xml html xhtml html5

1、XML

什麼是 XML?

• XML 指可擴充標記語言（EXtensible Markup Language）
• XML 是一種標記語言，很類似 HTML
• XML 的設計宗旨是傳輸數據，而非顯示數據
• XML 標籤沒有被預先定義。您需要自行定義標籤。
• XML 被設計為具有自我描述性。
• XML 是 W3C 的建議標準

XML 與 HTML 的主要差異

XML 不是 HTML 的替代品。

XML 和 HTML 為不同的目的而設計：

XML 被設計為傳輸和儲存數據，其焦點是數據的內容。

HTML 被設計用來顯示數據，其焦點是數據的外觀。

HTML 旨在顯示訊息，而 XML 則旨在傳輸訊息。

沒有任何行為的 XML

XML 是不作為的。

也許這有點難以理解，但 XML 不會做任何事。 XML 被設計用來結構化、儲存以及傳輸資訊。

下面是 John 寫給 George 的便籤，儲存為 XML：

<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
Don't forget the meeting!
</note>

上面的這條便條紙具有自我描述性。它擁有標題以及留言，同時包含了發送者和接受者的信息。

但是，這個 XML 文件仍然沒有做任何事情。它只是包裝在 XML 標籤中的純粹的資訊。我們需要寫軟體或程序，才能傳送、接收和顯示出這個文件。

XML 只是純文字

XML 沒什麼特別的。它只是純文字而已。有能力處理純文字的軟體都可以處理 XML。

不過，能夠讀懂 XML 的應用程式可以有針對性地處理 XML 的標籤。標籤的功能性意義依賴於應用程式的特性。

透過 XML 您可以發明自己的標籤

上例中的標籤沒有在任何 XML 標準中定義過（例如 和 ）。這些標籤是由文件的創作者發明的。

這是因為 XML 沒有預先定義的標籤。

在 HTML 中使用的標籤（以及 HTML 的結構）是預先定義的。 HTML 文件只使用在 HTML 標準中定義過的標籤（例如

、

等等）。

XML 允許創作者定義自己的標籤和自己的文件結構。

XML 不是對 HTML 的替代

XML 是 HTML 的補充。

XML 不會取代 HTML，理解這一點很重要。在大多數 web 應用程式中，XML 用於傳輸數據，而 HTML 用於格式化並顯示數據。

對 XML 最好的描述是：

XML 是獨立於軟體和硬體的資訊傳輸工具。

XML 是 W3C 的建議標準

可擴展標記語言 (XML) 於 1998 年 2 月 10 日成為 W3C 的建議標準。

如需有關 W3C XML 活動的更多信息，請訪問我們的 W3C 教程。

XML 無所不在

當我們看到 XML 標準突飛猛進的開發進度，以及大批的軟體開發商採用這個標準的日新月異的速度時，真的是不禁感嘆這真是令人嘆為觀止。

目前，XML 在 Web 中扮演的角色不會亞於一直是 Web 基石的 HTML。

XML 無所不在。 XML 是各種應用程式之間進行資料傳輸的最常用的工具，並且在資訊儲存和描述領域變得越來越流行。

 

2、HTML

 

什麼是 HTML？

 

HTML 是用來描述網頁的一種語言。

 

• HTML 指的是超文本標記語言 (Hyper Text Markup Language)
• HTML 不是一種程式語言，而是一種標記語言 (markup language)
• 標記語言是一套標記標籤 (markup tag)
• HTML 使用標記標籤來描述網頁

 

HTML 標籤

HTML 標籤標籤通常被稱為 HTML 標籤 (HTML tag)。

• HTML 標籤是由尖括號包圍的關鍵字，例如
• HTML 標籤通常是成對出現的，例如 和
• 標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤
• 開始和結束標籤也被稱為開放標籤和閉合標籤

 

HTML 文档 = 网页

• HTML 文档描述网页
• HTML 文档包含 HTML 标签和纯文本
• HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

<h1 id="My-First-Heading">My First Heading</h1>

<p>My first paragraph.</p>

例子解释

• 与 之间的文本描述网页
• 与 之间的文本是可见的页面内容

• 与

  之间的文本被显示为标题

• 与

  之间的文本被显示为段落

3、XHTML

 

 

什么是 XHTML？

 

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

 

为什么使用 XHTML？

因特网上的很多页面包含了“糟糕”的 HTML。

如果在浏览器中查看，下面的 HTML 代码运行起来非常正常（即使它并未遵守 HTML 规则）：

<title>This is bad HTML</title>

<h1>Bad HTML
</h1><p>This is a paragraph

</p>

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

如果希望学习 XML，请阅读我们的 XML 教程。

今日的科技界存在一些不同的浏览器技术。其中一些在计算机上运行，而另一些可能在移动电话或其他小型设备上运行。小型设备往往缺乏解释“糟糕”的标记语言的资源和能力。

所以 - 通过结合 XML 和 HTML 的长处，开发出了 XHTML。XHTML 是作为 XML 被重新设计的 HTML。

与 HTML 相比最重要的区别：

文档结构

• XHTML DOCTYPE 是强制性的
• 中的 XML namespace 属性是强制性的
• 、、 也是强制性的

元素语法

• XHTML 元素必须正确嵌套
• XHTML 元素必须始终关闭
• XHTML 元素必须小写
• XHTML 文档必须有一个根元素

属性语法

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

 

...> 是强制性的

XHTML 文档必须进行 XHTML 文档类型声明（XHTML DOCTYPE declaration）。

您可以在 W3School 的标签参考手册中找到完整的 XHTML 文档类型。

、

、 元素也必须存在，并且必须使用 中的 xmlns 属性为文档规定 xml 命名空间。

下面的例子展示了带有最少的必需标签的 XHTML 文档：

<title>Title of document</title>



......

 

如何从 HTML 转换到 XHTML

1. 向每张页面的第一行添加 XHTML
2. 向每张页面的 html 元素添加 xmlns 属性
3. 把所有元素名改为小写
4. 关闭所有空元素
5. 把所有属性名改为小写
6. 为所有属性值加引号

 

用 W3C 验证器检验 XHTML

在下面的文本框中输入您的网址：

 

4、HTML5

 

什么是 HTML5？

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

HTML5 是如何起步的？

HTML5 是 W3C 与 WHATWG 合作的结果。

编者注：W3C 指 World Wide Web Consortium，万维网联盟。

编者注：WHATWG 指 Web Hypertext Application Technology Working Group。

WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

为 HTML5 建立的一些规则：

• 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
• 减少对外部插件的需求（比如 Flash）
• 更优秀的错误处理
• 更多取代脚本的标记
• HTML5 应该独立于设备
• 开发进程应对公众透明

新特性

HTML5 中的一些有趣的新特性：

• 用于绘画的 canvas 元素
• 用于媒介回放的 video 和 audio 元素
• 对本地离线存储的更好的支持
• 新的特殊内容元素，比如 article、footer、header、nav、section
• 新的表单控件，比如 calendar、date、time、email、url、search

<video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</source></source></video>