HTML5時代的XHTML

1 XHTML依然健在

本篇文章主要針對HTML5時代的XHTML做一詳細介紹。

1.1  再一次確認XHTML是否存在

    XHTML,簡單說來是一種利用HTML的標籤來書寫的一種XML文件(嚴格說來,這應該是XHTML1.0的定義。XHTML1.1與XHTML2的技術與XHTML1.0所使用的技術並不相同,這裏不做記述)

在使用HTML5之前,由於W3C的熱心幫助,業界強烈推薦使用XHTML。但是由於佔據Web瀏覽器市場最大份額的Internet Explorer(以下簡稱IE)一直到IE6纔對XHTML提供支持,所以從本質上來說阻礙了XHTML的發展。

另一方面,XHTML具有:1.與XSLT等等XML相關技術的高度的結合性 2.因爲使用嚴謹的語法,所以可以很好地使用Dreamweaver等等進行開發等等優勢,另外,IE也從版本7與版本8開始漸漸對於XHTML?Web標準進行對應,在IE9中這種對應更是得到了強化。

由於這些事實,所以可以再次確認XHTML今後仍將存在,Web開發者與設計者仍然可以很好地使用XHTML來進行Web開發工作。

1.2 HTML5時代的XHTML語法

在《HTML5 CSS權威指南》一書中我們說過,從HTML5開始,使用更加緊湊的HTML語法,那麼可能會在大家心裏削弱XHTML的存在感。但是事實上,XHTML依然將會很好地存在。方法是使用HTML5中的XHTML語法。

在HTML4中的XHTML使用HTML4中的標籤,相應地,在HTML5中,使用html5中的標籤,這些標籤不再是根據DTD來定義,而是根據DOM(Document Object Model)來定義。

2 HTML5時代的XHTML—XHTML5

在HTML5時代的XHTML被稱爲XHTML5,接下來,我們對其做一介紹,因爲既然HTML的語法發生了變化,那麼相應地,XHTML5的語法也會發生較大的變化。

2.1 XHTML5的MIME標籤

文件中的MIME標籤(“text/xml”,“application/xml”等等)以“+xml”4文字爲結尾的時候(例如“application/xhtml+xml”),瀏覽器將文件判斷爲XHTML文件。

2.2 XHTML5的文字編碼的指定

文字編碼的指定是由文件開頭中的XML聲明來進行的。在HTML語法中的<meta>元素的指定方法(<meta charset=”文字編碼方法”/>)在XHTML中不能使用。XHTML中的文字編碼的指定如下所示。

<?xml version="1.0" encoding="UTF-8"?>

2.3 XHTML5的DOCTYPE

HTML5中不再支持DTD,DOCTYPE中的聲明方法如下所示。

<!DOCTYPE html>

同時,現在的W3C的文件檢查器中,根據DOCTYPE中的聲明方法是否爲“<!DOCTYPE html>”來區別是否爲HTML5文件。因此,在使用HTML5來書寫XHTML5文件的時候,需要使用同樣的DOCTYPE聲明方式。

2.4 XHTML5的命名空間

    XHTML的元素的命名空間爲“http://www.w3.org/1999/xhtml”。一般來說默認使用這個命名空間來指定根元素<html>。

<html xmlns="http://www.w3.org/1999/xhtml">

2.5 XHTML5的結構與語法

關於語法,當然要使用XML語法。與HTML5語法不一樣,必須使用屬性的引用符,結束標籤不能省略。另外,對於不帶內容的空元素來說,可以將“<元素名></元素名>”的書寫方式改爲“</元素名>”的書寫方式。另外,HTML5語法中可以省略的<head>元素與<body>元素,在XHTML5中不能省略。

3 XHTML5文件在Web檢查

總結本篇文章所介紹的內容,書寫XHTML5文件如下所示。

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>XHTML5標籤示例</title>

</head>

<body>

<p>本文件使用XHTML5語法進行書寫。</p>

</body>

</html>

接下來,我們使用W3C的“Unicorn”服務中的文件檢查功能對這個文件做一檢查。如下圖所示。

clip_image002

驗證XHTML文件

點擊驗證後,驗證結果如下圖所示,表示文件合格。

clip_image004 驗證XHTML5文件合格

另外,請注意驗證結果中將這個文件判定爲HTML5文件。這是因爲文檔中DOCTYPE的聲明是HTML5格式的(<!DOCTYPE html>),所以驗證器將這個文件解釋爲(X)HTML5文件。

4 XHTML將繼續發揮作用

本篇講述了在HTML5時代關於XHTML的使用方法。即使在HTML5時代,XHTML仍將繼續發揮作用。因爲使用XHTML的確存在很多優勢,在開發工具和各種框架之中使用XHTML也非常方便的,同時與其他的XML技術經過無縫結合之後,無疑可以製作出語義性非常高的Web網站,Web應用程序。

武漢asp.net

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章