html的特色 (15點)
回答 (4)
2007-03-10 5:14 pm
✔ 最佳答案
HTML 具有幾項的特色:1.使用改寫標籤
2.隨視窗大小改變的文件
3.忽略多餘的空白與行
4.超鏈結的功能
5.呼叫程式
超文件標示語言（英文：HyperText Markup Language，簡稱為HTML）是為網頁創建和其它可在網頁瀏覽器中看到的信息設計的一種置標語言。HTML被用來結構化信息——例如標題、段落和列表等等，也可用來在一定程度上描述文檔的外觀和語義。由蒂姆·伯納斯-李給出原始定義，由IETF用簡化的SGML（標準通用置標語言）語法進行進一步發展的HTML後來成為國際標準，由全球資訊網聯盟（W3C）維護。
包含HTML內容的文件最常用的擴展名是.html，但是像DOS這樣的舊作業系統限制擴展名為最多3個字元，所以.htm擴展名也被使用。雖然現在使用的比較少一些了，但是.htm擴展名仍舊普遍被支持。編者可以用任何文本編輯器或所見即所得的HTML編輯器來編輯HTML文件。
早期的HTML語法被定義成較鬆散的規則以有助於不熟悉網路出版的人採用。網頁瀏覽器接受了這個現實，並且可以顯示語法不嚴格的網頁。隨著時間的流逝，官方標準漸漸趨於嚴格的語法，但是瀏覽器繼續顯示一些遠稱不上合乎標準的HTML。使用XML的嚴格規則的XHTML（可擴展超文件標示語言）是W3C計劃中的HTML的接替者。雖然很多人認為它已經成為當前的HTML標準，但是它實際上是一個獨立的、和HTML平行發展的標準。W3C目前的建議是使用XHTML 1.1、 XHTML 1.0或者HTML 4.01進行網路出版。
圖片參考：http://upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Html-source-code3.png/309px-Html-source-code3.png
圖片參考：http://zh.wikipedia.org/skins-1.5/common/images/magnify-clip.png
一段用彩色標示的HTML源代碼
標記元素類型
下面是HTML元素的類型：
結構性 標記，描述文字的意圖，例如
<h2>Golf</h2>
指明瀏覽器將"Golf"顯示為二級標題。結構性標記並未指示瀏覽器的顯示方式，但是大多數瀏覽器標準化了這些元素的顯示，例如預設情況下上述的標題會被顯示為較大的粗體文字。參見層疊樣式表 (CSS)。比較常用的結構性標記有：
html元素 標記HTML內容的開始和結束。
head元素 標記HTML文件頭，包含不在正文中顯示的關鍵字、標題、腳本等等。
title元素 標記HTML文件的標題。
body元素 標記HTML文件正文的開始和結束。
呈現性標記。描述文字的外觀，例如
<b>boldface</b>
將"boldface"顯示為粗體文字。但是為了統一網站的風格，很多網路出版者使用CSS而不是重複使用呈現性標記。對於<b>bold</b>和<i>italic</i>，也有通常更加明確的等價呈現性標記，例如<strong>strong emphasis</strong>和<em>emphasis</em>。
超文本標記。將文檔的一部分關聯到其他文檔。例如
<a href="http://wikipedia.org/">Wikipedia</a>
將會把Wikipedia顯示為一個超連結URL。
除了HTML內容之外，經常也有人在代碼中加入注釋：
<!-- This is a comment -->
注釋不被瀏覽器解釋，僅僅起到說明代碼含義或者隱藏部分代碼的作用。
框架頁面標記。描述網頁如何顯示框架網頁，較低版本的瀏覽器並不支援此功能。
<frameset> </frameset>
代表定義一個框架。若在後加上rows="100,*"，這代表網頁會開啟一個上下分割網頁的框架，而上框架網頁的高度是100px。. 加上cols="100,*"代表網頁左右分割，左框架的網頁闊度是100px。
<framename="left" src="left.html" />
代表框架頁的名稱及檔案來源。這個語法是加在</frameset>前。
每個標記都有特定的屬性。由於對標準的支持度相差很大，一些標記和屬性可能只被部分瀏覽器支持。
[編輯] 文件類型描述
為了指明文檔使用的HTML標準，所有HTML文檔應該以文件類型聲明（DOCTYPE）開頭，引用一個文件類型描述。舉例來說：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
這個聲明斷言文檔服從HTML 4.01的嚴格文件類型描述，這個標準是嚴格結構化的，使用CSS來做格式化。有時是否存在一個合適的文件類型描述會影響一個瀏覽器顯示網頁的方式。
除了HTML 4.01的嚴格文件類型描述之外，HTML 4.01也提供過渡和框架集文件類型描述。過渡文件類型描述是向嚴格的文件類型描述過渡的緩衝，而框架集文件類型描述則針對包含框架元素的網頁。
[編輯] 分離樣式和內容
網路開發社區的努力導致一種新的網頁編寫潮流，XHTML就是一個典型。標準著重於描述網頁結構的元素，例如標題、段落、引言和表格，而不是那些用於呈現的元素，例如<font>、 <b> (粗體)和<i> (斜體)。在一些HTML變體中這些元素甚至被禁用，例如HTML 4.01 的嚴格版本。CSS提供了一種分離HTML結構和內容呈現的方式：把所有呈現代碼移到單獨的CSS文件。
[編輯] 使用HTTP發佈HTML
全球資訊網主要由從伺服器通過HTTP協議向瀏覽器發送的HTML文檔組成。但是，HTTP也可以被用於傳輸HTML之外的數據，例如圖像、聲音和其他內容。為使瀏覽器了解如何處理接收到的文檔，在傳輸文檔時必須同時傳遞文件類型。這種元數據包含MIME類型(對於HTML 4.01或更早版本是text/html，而對於XHTML 1.0或之後的版本是application/xhtml+xml)，以及字元編碼(參見HTML字元編碼方式)。
在現在的瀏覽器中，和HTML文檔一起發送的MIME類型影響文檔的解讀方式。和XHTML MIME類型一起發送的文檔被認為是良構的XML，而語法錯誤會導致瀏覽器無法呈現文檔。完全相同的文檔如果和HTML MIME類型一起發送，則可能被正常顯示，因為瀏覽器對HTML的語法檢查更加鬆懈些。
如果MIME類型不被識別為HTML，那麼瀏覽器不應該試圖將文檔呈現為HTML，即使文檔以正確的文檔類型聲明開頭也是這樣；儘管如此，一些瀏覽器還是檢查文檔內容或其URL來判斷其文件類型。因為可能造成的安全性問題，這種行為不被提倡。即使以不遵守標準著稱的Internet Explorer也基本放棄了這種做法。
2007-03-10 5:40 pm
1. html是一種markup language, 意思即是它用很多tag去markup一堆文字的屬性。 如<font color=red>我是中國人</font>
被包住的文字會以紅色出現。故此作為一種文件檔, 你不用瀏覽器去打開它, 只是用記事本去看, 只要你對html夠熟, 其實也可以知道文件的樣子(就好像上面的例子一樣)。 你試試用記事本開word, 只會見到一堆亂碼。
2. 他就好像我們上文一樣, 有前言head和內容body, 如
[html]
[head]前言[/head]
[body]
內容
[/body]
[/html]
註, 上面文字[xxx]應為 , 但因為yahoo返定, 所以作出如此改動
3. 他的markup tag有公開的國際標準, 如<font> 等, 你不可以自行改做 , ms words就是microsoft自己定義的, 不是國際標準
4. 因為上面第3點, html是跨平台的, 你可以在unix, windows都可以打開它</font>
2007-03-10 09:45:46 補充：
第2點上文應為作文, e.g.2. 他就好像我們作文一樣, 有前言head和內容body
被包住的文字會以紅色出現。故此作為一種文件檔, 你不用瀏覽器去打開它, 只是用記事本去看, 只要你對html夠熟, 其實也可以知道文件的樣子(就好像上面的例子一樣)。 你試試用記事本開word, 只會見到一堆亂碼。
2. 他就好像我們上文一樣, 有前言head和內容body, 如
[html]
[head]前言[/head]
[body]
內容
[/body]
[/html]
註, 上面文字[xxx]應為 , 但因為yahoo返定, 所以作出如此改動
3. 他的markup tag有公開的國際標準, 如<font> 等, 你不可以自行改做 , ms words就是microsoft自己定義的, 不是國際標準
4. 因為上面第3點, html是跨平台的, 你可以在unix, windows都可以打開它</font>
2007-03-10 09:45:46 補充：
第2點上文應為作文, e.g.2. 他就好像我們作文一樣, 有前言head和內容body
參考: 我
2007-03-10 5:13 pm
HTML 是 HyperText Markup Language 的縮寫，如果照字面翻，那麼它 的意思是超文字改寫語言。
HTML 是由 SGML 所發展而來的。事實上， HTML是 1989 年 Tim Berners-Lee 在 CERN 的時候所創照的；而在 1990 年被 World Wide Web 所開始使用，誰也沒想到這樣一個簡單的發明，就讓整個 Internet 起了這麼大的變化。
其實， HTML 是種具有許多風格的一種語言。它透過一些特別的標籤 (tag) 來展現各種不同的風格。
譬如碰到 <b> 就表示後面的文字要加粗等等諸如此類的；此外， HTML 語法中有一項極為重要的特徵是有開始就有結束的特性，也就是說有 <b> 標籤，就會有 </b> 標籤來作為結束。
當然，所有的語言都會有例外， HTML 語法中，對於這種相對的標籤也有例外，筆者將在地下的文章中漸漸提到。
HTML 具有幾項的特色:
1.使用改寫標籤
2.隨視窗大小改變的文件
3.忽略多餘的空白與行
4.超鏈結的功能
5.呼叫程式
由於 HTML 的特色，使得它的發展越來越受矚目， 事實上 World Wide Web 組織也發 展了一個瀏覽器，這一個瀏覽器叫做 "Arena" ，它可以說是專門用來測試 HTML 3.0 語法的一個瀏覽器。事實上， HTML 3.0 的發展是一種開放式的結果，任何對 HTML 有興趣的人都，可以加入這一個發展的組織 HTML 的語法也漸漸在增強中，目前本書 所使用的語法是 HTML 3.0+ ，此外，也有一些非協定內的語法，譬如 NetScape 公 司除了讓它的瀏覽器支援 HTML 3.0 外，它也讓它支援一些公司外加的語法，這樣的 特性使得 HTML 更加的豐富，也使得展現出來的文件更加的華麗。
介紹：
什麼是 HTML
HTML 是 HyperText Markup Language 的縮寫，如果照字面翻，那麼它 的意思是超文字改寫語言。
HTML 是由 SGML 所發展而來的。事實上， HTML是 1989 年 Tim Berners-Lee 在 CERN 的時候所創照的；而在 1990 年被 World Wide Web 所開始使用，誰也沒想到這樣一個簡單的發明，就讓整個 Internet 起了這麼大的變化。
其實， HTML 是種具有許多風格的一種語言。它透過一些特別的標籤 (tag) 來展現各種不同的風格。
譬如碰到 <b> 就表示後面的文字要加粗等等諸如此類的；此外， HTML 語法中有一項極為重要的特徵是有開始就有結束的特性，也就是說有 <b> 標籤，就會有 </b> 標籤來作為結束。
當然，所有的語言都會有例外， HTML 語法中，對於這種相對的標籤也有例外，筆者將在地下的文章中漸漸提到。
HTML 具有幾項的特色:
1.使用改寫標籤
2.隨視窗大小改變的文件
3.忽略多餘的空白與行
4.超鏈結的功能
5.呼叫程式
由於 HTML 的特色，使得它的發展越來越受矚目， 事實上 World Wide Web 組織也發 展了一個瀏覽器，這一個瀏覽器叫做 "Arena" ，它可以說是專門用來測試 HTML 3.0 語法的一個瀏覽器。事實上， HTML 3.0 的發展是一種開放式的結果，任何對 HTML 有興趣的人都，可以加入這一個發展的組織 HTML 的語法也漸漸在增強中，目前本書 所使用的語法是 HTML 3.0+ ，此外，也有一些非協定內的語法，譬如 NetScape 公 司除了讓它的瀏覽器支援 HTML 3.0 外，它也讓它支援一些公司外加的語法，這樣的 特性使得 HTML 更加的豐富，也使得展現出來的文件更加的華麗。
HTML的格式 - tag
欲顯示的內容
大部份的標記都是成雙成對的，而且都有其特殊的功用，經過這些標記，就可以顯示出我們希望顯示的內容及方式。
以 開頭，有效的範圍是遇到相對應以 為結尾的符號。
標記可以以蜂巢型的方式標記
範例
000 <font Size=2>222
<font size=4>444
<font size=6>666
</font>444
</font>
222
</font>
000
HTML的格式 - tag（標韱）
HTML 就是靠許多的 tag 去包起我們想要產生的效果
基本上所有的tag都需要成雙成對
比如上面的 <font size=4> 可以讓字型的大小產生變化，由<font>開始，直到遇到</font>結束
不需要結尾的
有一些特別的功能是沒有結束的
比如換行“<br>”，他只表示了一個換行，所以沒有結尾。
HTML的格式
欲顯示內容
對照後的結果
<本文件為HTML>
<檔頭起>
<宣名>
<標題>
<檔頭結束>
<本文開始>
顯示的內容
</本文結束>
<本文件結束>
來試試吧！
開啟你的純文字編輯器，並且輸入以下內容後，儲存為'a.html'。
我的第一份HTML
嘿，有看到我嗎？
標籤的用途
通知瀏覽器，這是一份以HTML方式撰寫的文件。
...
伺服器與瀏覽器之間互相溝通一些資訊的方式。
通知瀏覽器該網頁的標題，將會顯示在瀏覽器的上方。
什麼是
提供一些 沒有提到的文件資訊。
比如：
</font></b></b>
HTML 是由 SGML 所發展而來的。事實上， HTML是 1989 年 Tim Berners-Lee 在 CERN 的時候所創照的；而在 1990 年被 World Wide Web 所開始使用，誰也沒想到這樣一個簡單的發明，就讓整個 Internet 起了這麼大的變化。
其實， HTML 是種具有許多風格的一種語言。它透過一些特別的標籤 (tag) 來展現各種不同的風格。
譬如碰到 <b> 就表示後面的文字要加粗等等諸如此類的；此外， HTML 語法中有一項極為重要的特徵是有開始就有結束的特性，也就是說有 <b> 標籤，就會有 </b> 標籤來作為結束。
當然，所有的語言都會有例外， HTML 語法中，對於這種相對的標籤也有例外，筆者將在地下的文章中漸漸提到。
HTML 具有幾項的特色:
1.使用改寫標籤
2.隨視窗大小改變的文件
3.忽略多餘的空白與行
4.超鏈結的功能
5.呼叫程式
由於 HTML 的特色，使得它的發展越來越受矚目， 事實上 World Wide Web 組織也發 展了一個瀏覽器，這一個瀏覽器叫做 "Arena" ，它可以說是專門用來測試 HTML 3.0 語法的一個瀏覽器。事實上， HTML 3.0 的發展是一種開放式的結果，任何對 HTML 有興趣的人都，可以加入這一個發展的組織 HTML 的語法也漸漸在增強中，目前本書 所使用的語法是 HTML 3.0+ ，此外，也有一些非協定內的語法，譬如 NetScape 公 司除了讓它的瀏覽器支援 HTML 3.0 外，它也讓它支援一些公司外加的語法，這樣的 特性使得 HTML 更加的豐富，也使得展現出來的文件更加的華麗。
介紹：
什麼是 HTML
HTML 是 HyperText Markup Language 的縮寫，如果照字面翻，那麼它 的意思是超文字改寫語言。
HTML 是由 SGML 所發展而來的。事實上， HTML是 1989 年 Tim Berners-Lee 在 CERN 的時候所創照的；而在 1990 年被 World Wide Web 所開始使用，誰也沒想到這樣一個簡單的發明，就讓整個 Internet 起了這麼大的變化。
其實， HTML 是種具有許多風格的一種語言。它透過一些特別的標籤 (tag) 來展現各種不同的風格。
譬如碰到 <b> 就表示後面的文字要加粗等等諸如此類的；此外， HTML 語法中有一項極為重要的特徵是有開始就有結束的特性，也就是說有 <b> 標籤，就會有 </b> 標籤來作為結束。
當然，所有的語言都會有例外， HTML 語法中，對於這種相對的標籤也有例外，筆者將在地下的文章中漸漸提到。
HTML 具有幾項的特色:
1.使用改寫標籤
2.隨視窗大小改變的文件
3.忽略多餘的空白與行
4.超鏈結的功能
5.呼叫程式
由於 HTML 的特色，使得它的發展越來越受矚目， 事實上 World Wide Web 組織也發 展了一個瀏覽器，這一個瀏覽器叫做 "Arena" ，它可以說是專門用來測試 HTML 3.0 語法的一個瀏覽器。事實上， HTML 3.0 的發展是一種開放式的結果，任何對 HTML 有興趣的人都，可以加入這一個發展的組織 HTML 的語法也漸漸在增強中，目前本書 所使用的語法是 HTML 3.0+ ，此外，也有一些非協定內的語法，譬如 NetScape 公 司除了讓它的瀏覽器支援 HTML 3.0 外，它也讓它支援一些公司外加的語法，這樣的 特性使得 HTML 更加的豐富，也使得展現出來的文件更加的華麗。
HTML的格式 - tag
欲顯示的內容
大部份的標記都是成雙成對的，而且都有其特殊的功用，經過這些標記，就可以顯示出我們希望顯示的內容及方式。
以 開頭，有效的範圍是遇到相對應以 為結尾的符號。
標記可以以蜂巢型的方式標記
範例
000 <font Size=2>222
<font size=4>444
<font size=6>666
</font>444
</font>
222
</font>
000
HTML的格式 - tag（標韱）
HTML 就是靠許多的 tag 去包起我們想要產生的效果
基本上所有的tag都需要成雙成對
比如上面的 <font size=4> 可以讓字型的大小產生變化，由<font>開始，直到遇到</font>結束
不需要結尾的
有一些特別的功能是沒有結束的
比如換行“<br>”，他只表示了一個換行，所以沒有結尾。
HTML的格式
欲顯示內容
對照後的結果
<本文件為HTML>
<檔頭起>
<宣名>
<標題>
<檔頭結束>
<本文開始>
顯示的內容
</本文結束>
<本文件結束>
來試試吧！
開啟你的純文字編輯器，並且輸入以下內容後，儲存為'a.html'。
我的第一份HTML
嘿，有看到我嗎？
標籤的用途
通知瀏覽器，這是一份以HTML方式撰寫的文件。
...
伺服器與瀏覽器之間互相溝通一些資訊的方式。
通知瀏覽器該網頁的標題，將會顯示在瀏覽器的上方。
什麼是
提供一些 沒有提到的文件資訊。
比如：
</font></b></b>
2007-03-10 5:13 pm
介紹一些不錯的HTML編輯工具
相信不少業餘制作網頁的朋友，都會為「如何維護網頁」這個問題煩惱。就算最初是用WYSIWYG的圖形界面軟體﹝如Netscape Composer, M$ Frontpage, Macromedia Dreamweaver, NetObjects Fusion等...) 製作網頁的，也總有人會擔心當再用這些軟體去修葺網頁時，會因為這些軟體傾向製造多餘的HTML標籤和屬性而把原先的網頁碼「污染」。所以難怪今天仍有很多人採用NotePad, Vim等文字編輯器, 以至Homesite等較「專業」的HTML編輯器去維護甚至製作他/她們的網站，當然這樣做要先對HTML有一點基本的認識。
在Unix 的世界裡﹝包括 Unix-like Systems 如GNU/Linux),有一個源碼開放的好用小工具─HTML-Tidy 。 Tidy 最初是由W3C協會的Dave Raggett 所負責的計劃，目前由自由軟體社群替它維護和發展﹝註 1﹞ 。Tidy 最好用的地方是它可以把html 檔修繕至符合 W3C 標準的HTML 甚至XHTML ﹝即建基於XML技術的HTML)的檔案﹝例如為巢狀標籤補上遺漏了的結束標籤﹞，也促進「無障礙網頁」的建構﹝例如會提醒網頁設計者為圖像加上替代說明文字﹞。網頁設計者只要在指令列上打上簡單的指令﹝如 back quote) 就能吩咐Tidy同時進行大量html檔的轉換工作。
--------------------------------------------------------------------------------
Windows的使用者
若我是Windows的用者，又希望製作中文網頁，有沒有像Tidy般好用的工具？筆者花了一個世紀的搜索，發現了有兩個不錯的共享軟體﹝但它們不是自由軟體( 註2 )﹞─ NoteTab 和 1st Page 2000這兩套HTML編輯器 或許可以值得一試。這兩個軟體有以下的特色：
NoteTab：
用戶可選擇撘配一些其他廠商/團體開發的軟體，包括前述的Tidy，目前版本 (4.86) 能輸出合乎HTML 4.01 或XHTML 1.0規格的檔案。
容許大量個人化設定，甚至用者可自行提供用Perl 語言寫的script ﹝要先安裝Perl的解譯器﹞
﹝竟然﹞支援字串樣板( regular expression)的觀念，可進行全磁碟檔案 search and replace text 的工作
檔案大小只約1.5M，佔用的系統資源極小，對硬體的要求甚低，是一個很值得用來取代Notepad/Wordpad的工具
其他介紹可參考 這裡
免費的NoteTab Light版本可在這裡下載
1st Page 2000：
與Tidy 整合在一起，目前版本 (2.0) 能輸出合乎HTML 4.0 或XHTML 1.0規格的檔案。
與NoteTab 比較，界面美觀、「直覺」、易用和「就手」，但較少可供個人化的設定。
檔案大小只5M，比Homesite 較少佔用 系統資源。
其他介紹可參考 這裡
免費版本可在這裡下載
這兩個程式好像不錯﹝而Notetab比較有組合力、1st Page 用家界面較友善﹞，但為什麼好像沒有人提及？除了可能是「名牌心態」外，可能是由於兩者都是英文介面，但更「慘」的是它們好像不支援中文！其實兩者的英文訊息不算特別艱深，以下將向大家透露經筆者的試驗後，設定兩者處理中文的方法：
1) Notetab：
在View-->Option-->Documents-->Fonts 選細明體
在能使用Tidy前，需要從這裡下載能支援亞洲文字和在Windows下運作的Tidy 版本﹝寫此文時版本應是2001年9月﹞。把這個檔案儲存在Notetab所安裝的目錄下。
需要一個供Tidy 使用的設定檔。有關這個設定檔的詳細設定資料可在這裡取得。筆者自己的設定檔是：
markup: yes
wrap: 0
indent: auto
indent-spaces: 4
output-xhtml: no
doctype: loose
char-encoding: big5
clean: no
logical-emphasis: yes
讀者照抄也無妨。其中最重要是 char-encoding: big5 才能使Tidy 處理中文。把這個檔以Tidy.cfg的名稱儲存即可，同樣存在Notetab目錄下。 這樣Notetab配合Tidy 便能把閣下的網頁好好修正哩！
2) 1st Page 2000：
要1st Page 2000顯示中文網頁內容也很容易，只須在Options -->Parser-->Plain Text就可以了，但可惜這樣網頁內HTML標籤的顯示變得沒有色彩...另外，若要輸入中文，可能還是在 Options-->Editing Preferences處先選取中文字型，否則或會有亂碼。Tidy的設定則較簡單，只需按圖指示就可以了，不用下載﹝但隨1st Page 附贈的Tidy版本有點舊，還是自行更新好了...﹞，也不用寫設定檔了﹝很難嗎？﹞，但別忘記char-encoding一定要選raw 。
*** 重要：用這兩個程式去修正閣下的寶貴網頁前記得先多作試驗，特別要先作備份，其實使用任何程式前當然最好認識一下各項參數/選項/Options/Preferences，筆者可不會為閣下的資料流失負責！***
--------------------------------------------------------------------------------
GNU/Linux 的使用者
至於用GNU/Linux的朋友，是否感到不像Windows 和 Mac 用戶般，有Homesite 或Dreamweaver等專業網頁製作軟體而煩惱？其實在GNU/Linux 底下有很多自由/源碼開放/免費的軟體可用來製作相當不錯的個人網頁。其中一個組合是這樣的：
先用Vim/ AbiWord 或Netscape /Mozilla Composer等跨平台的文字/網頁編輯器去分別打好文字、做好structural markup和版面設計。最新版本的Netscape/Mozilla Composer所產生的網頁檔已頗能符合W3C HTML 4.01的標準，很好喔。因此筆者開始原諒以前時代Netscape 引入獨有的HTML標籤這個不當行為了﹝當然這條「橋」繼續被M$「發揚光大」...﹞
配合重量級的自由軟體GIMP 處理圖像。
用Bluefish 這套跨平台的HTML編輯器處理網頁的細部和維護網頁。
上載前可再用Tidy ( 配合設定檔﹞掃一次。其實上述組合一開始已能做出比較合乎網頁語法標準、尊重弱勢社群的網頁，這實在要感謝自由軟體/源碼開放運動較能接納多元的文化所賜。
相信不少業餘制作網頁的朋友，都會為「如何維護網頁」這個問題煩惱。就算最初是用WYSIWYG的圖形界面軟體﹝如Netscape Composer, M$ Frontpage, Macromedia Dreamweaver, NetObjects Fusion等...) 製作網頁的，也總有人會擔心當再用這些軟體去修葺網頁時，會因為這些軟體傾向製造多餘的HTML標籤和屬性而把原先的網頁碼「污染」。所以難怪今天仍有很多人採用NotePad, Vim等文字編輯器, 以至Homesite等較「專業」的HTML編輯器去維護甚至製作他/她們的網站，當然這樣做要先對HTML有一點基本的認識。
在Unix 的世界裡﹝包括 Unix-like Systems 如GNU/Linux),有一個源碼開放的好用小工具─HTML-Tidy 。 Tidy 最初是由W3C協會的Dave Raggett 所負責的計劃，目前由自由軟體社群替它維護和發展﹝註 1﹞ 。Tidy 最好用的地方是它可以把html 檔修繕至符合 W3C 標準的HTML 甚至XHTML ﹝即建基於XML技術的HTML)的檔案﹝例如為巢狀標籤補上遺漏了的結束標籤﹞，也促進「無障礙網頁」的建構﹝例如會提醒網頁設計者為圖像加上替代說明文字﹞。網頁設計者只要在指令列上打上簡單的指令﹝如 back quote) 就能吩咐Tidy同時進行大量html檔的轉換工作。
--------------------------------------------------------------------------------
Windows的使用者
若我是Windows的用者，又希望製作中文網頁，有沒有像Tidy般好用的工具？筆者花了一個世紀的搜索，發現了有兩個不錯的共享軟體﹝但它們不是自由軟體( 註2 )﹞─ NoteTab 和 1st Page 2000這兩套HTML編輯器 或許可以值得一試。這兩個軟體有以下的特色：
NoteTab：
用戶可選擇撘配一些其他廠商/團體開發的軟體，包括前述的Tidy，目前版本 (4.86) 能輸出合乎HTML 4.01 或XHTML 1.0規格的檔案。
容許大量個人化設定，甚至用者可自行提供用Perl 語言寫的script ﹝要先安裝Perl的解譯器﹞
﹝竟然﹞支援字串樣板( regular expression)的觀念，可進行全磁碟檔案 search and replace text 的工作
檔案大小只約1.5M，佔用的系統資源極小，對硬體的要求甚低，是一個很值得用來取代Notepad/Wordpad的工具
其他介紹可參考 這裡
免費的NoteTab Light版本可在這裡下載
1st Page 2000：
與Tidy 整合在一起，目前版本 (2.0) 能輸出合乎HTML 4.0 或XHTML 1.0規格的檔案。
與NoteTab 比較，界面美觀、「直覺」、易用和「就手」，但較少可供個人化的設定。
檔案大小只5M，比Homesite 較少佔用 系統資源。
其他介紹可參考 這裡
免費版本可在這裡下載
這兩個程式好像不錯﹝而Notetab比較有組合力、1st Page 用家界面較友善﹞，但為什麼好像沒有人提及？除了可能是「名牌心態」外，可能是由於兩者都是英文介面，但更「慘」的是它們好像不支援中文！其實兩者的英文訊息不算特別艱深，以下將向大家透露經筆者的試驗後，設定兩者處理中文的方法：
1) Notetab：
在View-->Option-->Documents-->Fonts 選細明體
在能使用Tidy前，需要從這裡下載能支援亞洲文字和在Windows下運作的Tidy 版本﹝寫此文時版本應是2001年9月﹞。把這個檔案儲存在Notetab所安裝的目錄下。
需要一個供Tidy 使用的設定檔。有關這個設定檔的詳細設定資料可在這裡取得。筆者自己的設定檔是：
markup: yes
wrap: 0
indent: auto
indent-spaces: 4
output-xhtml: no
doctype: loose
char-encoding: big5
clean: no
logical-emphasis: yes
讀者照抄也無妨。其中最重要是 char-encoding: big5 才能使Tidy 處理中文。把這個檔以Tidy.cfg的名稱儲存即可，同樣存在Notetab目錄下。 這樣Notetab配合Tidy 便能把閣下的網頁好好修正哩！
2) 1st Page 2000：
要1st Page 2000顯示中文網頁內容也很容易，只須在Options -->Parser-->Plain Text就可以了，但可惜這樣網頁內HTML標籤的顯示變得沒有色彩...另外，若要輸入中文，可能還是在 Options-->Editing Preferences處先選取中文字型，否則或會有亂碼。Tidy的設定則較簡單，只需按圖指示就可以了，不用下載﹝但隨1st Page 附贈的Tidy版本有點舊，還是自行更新好了...﹞，也不用寫設定檔了﹝很難嗎？﹞，但別忘記char-encoding一定要選raw 。
*** 重要：用這兩個程式去修正閣下的寶貴網頁前記得先多作試驗，特別要先作備份，其實使用任何程式前當然最好認識一下各項參數/選項/Options/Preferences，筆者可不會為閣下的資料流失負責！***
--------------------------------------------------------------------------------
GNU/Linux 的使用者
至於用GNU/Linux的朋友，是否感到不像Windows 和 Mac 用戶般，有Homesite 或Dreamweaver等專業網頁製作軟體而煩惱？其實在GNU/Linux 底下有很多自由/源碼開放/免費的軟體可用來製作相當不錯的個人網頁。其中一個組合是這樣的：
先用Vim/ AbiWord 或Netscape /Mozilla Composer等跨平台的文字/網頁編輯器去分別打好文字、做好structural markup和版面設計。最新版本的Netscape/Mozilla Composer所產生的網頁檔已頗能符合W3C HTML 4.01的標準，很好喔。因此筆者開始原諒以前時代Netscape 引入獨有的HTML標籤這個不當行為了﹝當然這條「橋」繼續被M$「發揚光大」...﹞
配合重量級的自由軟體GIMP 處理圖像。
用Bluefish 這套跨平台的HTML編輯器處理網頁的細部和維護網頁。
上載前可再用Tidy ( 配合設定檔﹞掃一次。其實上述組合一開始已能做出比較合乎網頁語法標準、尊重弱勢社群的網頁，這實在要感謝自由軟體/源碼開放運動較能接納多元的文化所賜。
收錄日期: 2021-04-12 23:47:03
原文連結 [永久失效]:
https://hk.answers.yahoo.com/question/index?qid=20070310000051KK00669