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

Google 自訂搜尋

Goole 廣告

隨機相片
IMG_223570.jpg

授權條款

使用者登入
使用者名稱:

密碼:


忘了密碼?

現在就註冊!

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

討論區主頁 - 主題一覽 > 網頁設計 > [分享]XHTML 1.0簡介
討論串 | 最新的先
前一個主題 | 下一個主題 | 頁尾
主題一覽的上方
發表者 討論內容
冷日
(冷日)		 發表時間：2008/3/10 14:24
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/
回覆
冷日
(冷日)		 發表時間：2008/11/3 7:54
Webmaster
  • 註冊日: 2008/2/19
  • 來自:
  • 發表數: 15771
[轉貼][HTML] META 旗標在html裡主要是要描述

[HTML] META 旗標在html裡主要是要描述


META 旗標在html裡主要是要描述讓如讀取網頁的瀏覽器和搜尋引擎這類機器看得懂的資料. html裡的meta撰寫得好的話可以加強網頁顯示的正確性和增加網頁在搜尋引擎上的搜尋度.

<META http-equiv=Content-Type content="text/html; charset=BIG5">

說明網頁的編碼為"BIG5"，讓瀏覽器取得該頁面正確的編碼。
<META http-equiv=EXPIRES content=0>

設定網頁的到期時間. 設定為0可讓你的頁面不保存在你訪問者的暫存中。
<META content=DOCUMENT name=RESOURCE-TYPE>

告知這個網頁的形式是文件。
<META content=GLOBAL name=DISTRIBUTION>

告知這篇網頁是全世界性的。
<META content="Powered Site" name=AUTHOR>

告知這個網頁的作者是Powered Site。
<META content="Copyright (c) by PHP-Nuke Powered Site" name=COPYRIGHT>

告知這個網頁的版權為 PHP-Nuke Powered Site 所有。
<META content="XXX ,XXX ," name=KEYWORDS>

告知搜尋引擎這個網頁的關鍵字有XXX ,XXX 。
<META content="Your slogan here" name=DESCRIPTION>

提供網頁的內容簡述。
如果沒有這行指令，通常搜尋引擎都會以網頁的前廿五字做為網頁內容摘要。
<META content="INDEX, FOLLOW" name=ROBOTS>

告訴搜尋引擎對此網頁做索引，也就是說會出現在它的搜尋結果中。
告訴搜尋引擎把這個網頁儲存在他們的server 裡，也就是"頁庫存檔"。
<META content="1 DAYS" name=REVISIT-AFTER>

告訴搜尋引擎1天之後再來一次這個網頁
<META content=GENERAL name=RATING>

告知這個網頁的等級為大眾(適合大眾瀏覽)。
<META content="Microsoft FrontPage 5.0" name=GENERATOR>

告知這個網頁是用Microsoft Frontpage 5.0製作的

原文出處：頂客論壇 - [HTML] META 旗標在html裡主要是要描述
回覆
主題一覽的下方
討論串
前一個主題 | 下一個主題 | 頁首 | | |

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