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>
<body>Don't forget the meeting!</body>
</note>

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

但是,這個 XML 文檔仍然沒有做任何事情。它僅僅是包裝在 XML 標簽中的純粹的信息。我們需要編寫軟件或者程序,才能傳送、接收和顯示出這個文檔。

XML 僅僅是純文本

XML 沒什么特別的。它僅僅是純文本而已。有能力處理純文本的軟件都可以處理 XML。

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

通過 XML 您可以發明自己的標簽

上例中的標簽沒有在任何 XML 標准中定義過(比如 <to> 和 <from>)。這些標簽是由文檔的創作者發明的。

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

在 HTML 中使用的標簽(以及 HTML 的結構)是預定義的。HTML 文檔只使用在 HTML 標准中定義過的標簽(比如 <p> 、<h1> 等等)。

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 標簽通常是成對出現的,比如 <b> 和 </b>
  • 標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
  • 開始和結束標簽也被稱為開放標簽和閉合標簽

 

HTML 文檔 = 網頁

  • HTML 文檔描述網頁
  • HTML 文檔包含 HTML 標簽和純文本
  • HTML 文檔也被稱為網頁

Web 瀏覽器的作用是讀取 HTML 文檔,並以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標簽,而是使用標簽來解釋頁面的內容:

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

例子解釋

  • <html> 與 </html> 之間的文本描述網頁
  • <body> 與 </body> 之間的文本是可見的頁面內容
  • <h1> 與 </h1> 之間的文本被顯示為標題
  • <p> 與 </p> 之間的文本被顯示為段落

3、XHTML

 

 

什么是 XHTML?

 

  • XHTML 指的是可擴展超文本標記語言
  • XHTML 與 HTML 4.01 幾乎是相同的
  • XHTML 是更嚴格更純凈的 HTML 版本
  • XHTML 是以 XML 應用的方式定義的 HTML
  • XHTML 是 2001 年 1 月發布的 W3C 推薦標准
  • XHTML 得到所有主流瀏覽器的支持

 

為什么使用 XHTML?

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

如果在瀏覽器中查看,下面的 HTML 代碼運行起來非常正常(即使它並未遵守 HTML 規則):

<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>

XML 是一種必須正確標記且格式良好的標記語言。

如果希望學習 XML,請閱讀我們的 XML 教程

今日的科技界存在一些不同的瀏覽器技術。其中一些在計算機上運行,而另一些可能在移動電話或其他小型設備上運行。小型設備往往缺乏解釋“糟糕”的標記語言的資源和能力。

所以 - 通過結合 XML 和 HTML 的長處,開發出了 XHTML。XHTML 是作為 XML 被重新設計的 HTML。

與 HTML 相比最重要的區別:

文檔結構

  • XHTML DOCTYPE 是強制性的
  • <html> 中的 XML namespace 屬性是強制性的
  • <html>、<head>、<title> 以及 <body> 也是強制性的

元素語法

  • XHTML 元素必須正確嵌套
  • XHTML 元素必須始終關閉
  • XHTML 元素必須小寫
  • XHTML 文檔必須有一個根元素

屬性語法

  • XHTML 屬性必須使用小寫
  • XHTML 屬性值必須用引號包圍
  • XHTML 屬性最小化也是禁止的

 

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

XHTML 文檔必須進行 XHTML 文檔類型聲明(XHTML DOCTYPE declaration)。

您可以在 W3School 的標簽參考手冊中找到完整的 XHTML 文檔類型

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

<body>
......
</body>

</html>

 

如何從 HTML 轉換到 XHTML

  1. 向每張頁面的第一行添加 XHTML <!DOCTYPE>
  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
<!DOCTYPE HTML>
<html>
<body>

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

</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM