茫茫網海中的冷日
         
茫茫網海中的冷日
發生過的事,不可能遺忘,只是想不起來而已!
 恭喜您是本站第 1671459 位訪客!  登入  | 註冊
主選單

Google 自訂搜尋

Goole 廣告

隨機相片
PIMG_00378.jpg

授權條款

使用者登入
使用者名稱:

密碼:


忘了密碼?

現在就註冊!

網頁設計 : [分享]XHTML 1.0簡介

發表者 討論內容
冷日
(冷日)
Webmaster
  • 註冊日: 2008/2/19
  • 來自:
  • 發表數: 15771
[分享]XHTML 1.0簡介
XHTML 1.0簡介 張錦堂
前言

XHTML ( The eXtensible Hypertext Markup Language ) 1.0 建議規格已於公元 2000 年一月二十六日由 W3C ( World Wide Web Consortium )所宣佈。 XHTML1.0 是將 HTML4 修改為符合XML1.0 語法的規格。 故我們可以簡單地說,XHTML 是以 XML 技術為基礎的 HTML,其使得 Web 世界朝向模組化( Modular )及可擴展化,邁出了第一步。

現今 W3C 網站的首頁,就是以 XHTML1.0 的格式所編排,因此目前的 HTML 瀏覽器及 XML 的工具都可以處理這個網頁。

帶領現存的Web世界通往未來

HTML 是目前在 Web 上製作超連結文件( Hypertext )的通用格式,其在將來會以符合 XML 規格的方式來製作。XML 語法帶領 Web發展符合不同參與者更好的作業環境, 它促使網頁內容製作者編製結構化的資料( Structured data ),這樣的資料可以針對不同使用者之需求及形形色色的資料擷取設備,將之轉換為不同型態。

制訂 XHTML 規格時, 曾遭遇到許多問題的挑戰, 其中之一便是XHTML 規格可以增強 Web, 但也可能破壞 Web。 因而如何設計供Web 文件使用的新一代標示語言,而不需要廢止現存的 HTML,將是一重大課題。 解決之道,就是根據 HTML 4.0 規格,將其改寫成為一個 XML 的應用。 W3C 主任 Tim Berners-Lee 說:「 XHTML 1.0將帶領現存的 Web 世界通往未來,它是網頁及網站製作者通往 XML結構化資料的橋樑, 其同時保留了使用 HTML 4.0 的瀏覽器的互通性」。

可使用W3C以定義之多媒體語言功能更強大

XHTML 1.0 提供製作可供目前瀏覽器「呈現」及 XML 工具處理的網頁。 網頁編輯者在未來將使用 HTML 4.0 的規格中所定義的標籤,例如標示段落、超連結、表格、條列等,並以符合 XML 基本語法的方式編寫 XHTML 網頁。使用 XML 可以大幅提昇標示的正確性。

XML 語法的優點包括擴展性及模組性( Modularity )。 使用HTML 編排時,只能使用已定義好的標籤,而不能有任何的變形。但在使用 XHTML 1.0 時, 可以將 HTML 4.0 的標籤及其他 XML 語言的標籤, 混合使用, 例如可以使用 W3C 已定義的多媒體語言(Synchronized Multimedia Integration Languang, 簡稱 SMIL )、 數學表示式( MathML )、兩維向量式圖形( Scalable VectorGraphics, 簡稱 SVG )及 metadata ( Resource DescriptionFramework,簡稱 RDF )。

W3C 提供說明文件及工具協助使用者將 HTML 4.0 的文件轉換為XHTML 1.0 的文件, 在規格中“ HTML 相容性指導大綱”( HTMLCompatibility Guidelines )小節中,解釋了如何編寫可以在目前的瀏覽器呈現的 XHTML 文件。

W3C 提供針對 HTML 及 XHTML 文件的驗證( Valdidation )服務,也提供公開原始碼的程式 Tidy。這個軟體可以協助你將一般的HTML 4 文件轉換為 XHTML 文件,同時修正文件中的錯誤。

結合XSLT及CSS呈現多樣化內容

除了具有擴展性的優點之外, 運用 XHTML 1.0 規格將文件由HTML 轉移到 XML,將建立可增加數百萬使用者讀取資料的基礎。

使用行動電話及其他移動型( mobile )設備讀取 Web 資料者,需要將網頁轉換為在其設備上可以呈現的格式。 而視障及聽障等殘障人士,也需要將網頁內容轉換到他們可以讀取的輔助設備上,XML文件目前已經可以使用「可擴展樣式表轉換語言」( eXtensibleStylesheet Language Transformation, 簡稱 XSLT )轉換文件內容, 並配合使用「層級式樣式表」( Cascading Style Sheet,簡稱 CSS )呈現內容。 XHTML 1.0 規格是由 W3C 的 HTML 工作小組成員所共同製作完成。 其中包括 CNET、HP、IBM、 微軟、Philips及昇陽( Sun )等知名廠商。

一個XHTML 1.0簡例:
<?xml version="1.0" encoding="Big5"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-TW" lang="zh-TW"><head
<titleXHTML 1.0 Example</title
<meta http-equiv="Content-Type" content="text/html; charset=big5" /</head<body
<h1XHTML 1.0 Example</h1<div
<img src="/images/aslogo.gif" width="120" height="120" alt="AS logo" /<br /</div
<p一些網站:</p<ul
<li<a href="http://www.sinica.edu.tw"中研院</a</li>
<li<a href="http://www.ascc.net"計算中心</a</li></ul<hr /</body</html>

1.第一行是XML文件宣告,並標明文件內容使用Big5字碼編輯。

2.第二、三行為「文件類別宣告」(DTD),宣告這是符合XHTML 1.0 Strict的文件。

3.第四行xmlns屬性,宣告文件中的所有元素(element)內定的名稱領域( name space )為 http://www.w3.org/1999/xhtml1。xml:lang及 lang 屬性設定為 zh-TW,表示文件內容使用台灣的繁體中文。

4.meta、img、br、hr等空元素(Empty Element)必須以 />結尾,例如<hr />。

5.一般元素必須以開始標籤(start tag)及結束標籤(End tag)成對出現,不可省略結束標籤,例如<p </p,<li> </li>。

6.img及br等元素,根據DTD的定義,必須包含在p或div等元素中。

7.所有的元素名稱都必須是英文小寫,例如:<body>不可寫成<BODY>。

8.屬性名稱也都是英文小寫,屬性值必須以雙引號或單引號圍起來,例如width=”120”,不可寫成width=120。

相關網址:
1.W3C網站:http://www.w3.org
2.XHTML 1.0規格:http://www.w3.org/TR/xhtml1
3.XML 1.0規格:http://www.w3.org/TR/1998/REC-xml-19980210
4.HTML Compatibility Guidelines:http://www.w3.org/TR/xhtml1#guidelines
5.驗證服務:http://validator.w3.org
6.Tidy程式:http://www.w3.org/People/Raggett/tidy/
前一個主題 | 下一個主題 | | | |

討論串




Powered by XOOPS 2.0 © 2001-2008 The XOOPS Project|