HTML

HTML（HyperText Markup Language），參照：『維基百科～HTML』。

版本

版本	發佈日期	技術文件	已過時
1.0	1993年6月	Hypertext Markup Language (HTML) - Internet Draft	是
2.0	1995年11月	RFC 1866 - Hypertext Markup Language - 2.0	是
3.2	1996年1月14日	HTML 3.2
4.0	1997年12月18日	HTML 4.0
4.01	1999年12月24日	HTML 4.01
ISO HTML	2000年5月15日	ISO/IEC 15445:2000
HTML5	2014年10月28日	HTML 5.0

技術文件

• HTML - W3C
• HTML/XHTML Reference - MSDN Library
• HTML Tutorial - w3schools
• HTML - Mozilla Developer Network

應用

ActiveX

• Mshtml.tlb

C#

• HTML Agility Pack
  • HTML Agility Pack：簡單好用的快速 HTML Parser

Java

• AttoParser

FAQ

常用的特殊字元寫法

• ISO Latin-1 Character Set
• HTML Named Special Symbols

關閉遊覽器自帶的自動完成

• 加上 autocomplete="off"

<input type="text" name="cc" autocomplete="off" />

關於HTML DOM取得Element的方法

• document.getElementById: 根據傳入的值，找到 DOM 中 id 為該值的元素。
• document.getElementsByTagName: 傳回一個陣列，陣列內元素為 tag 名稱符合傳入的參數。
• document.getElementsByName: 傳回一個陣列，陣列元素的 name 屬性值符合傳入的參數。

關於表單內按下Tab鍵，切換到不同欄位的順序的方法

• HTML Attribute tabindex（IE 4以上適用）

自訂HTML標簽（Custom HTML Tag）

• 自定义元素：在 HTML 中定义新元素 - HTML5 Rocks

建議不再使用的HTML標簽與屬性

HTML標簽

原本的HTML標簽	作用	日後改用
<applet></applet>
<basefont />
<blackface></blackface>
<blockquote></blockquote>
<center></center>	置中
<dir></dir>
<embed />
<font></font>
<i></i>
<isindex />
<layer></layer>
<menu></menu>
<noembed></noembed>
<s></s>
<shadow></shadow>
<strike></strike>
<u></u>

HTML屬性

原本的HTML屬性	作用	日後改用
alink
align	對齊
background
border
color
compact
face
height	高度	改用CSS或style
language
link
name
noshade
nowrap	不自動斷行
size
start
text
type
value
version
vlink
width

HTML減肥

• 因為Word所存的HTML檔有太多無用的HTML標籤，所以需要另外對HTML檔減肥。

1. 據說Dreamweaver可以，工具列上的【命令】→【清理Word的HTML】。可是這軟體要錢啊。
2. TidyUI 清理肥大的 Word HTML 網頁

   可是開大一點HTML檔就會沒有回應？而且明明指定編碼是UFT8了中文竟然還是變亂碼？失敗啊....

3. WordHTML

   Web版的工具，看起來不錯用，可是它沒辦法直接開啟docx檔，得用複製貼上的方式把Word檔的內容貼到該網頁上，產出的HTML內容看起來很乾淨。

4. FileOptimizer

   需先開啟設定【Optimize】→【Options】→【HTML】→勾選【Enable Tidy】

   大約可以將Word存的HTML檔減肥20%左右，而且支援選取資料夾方式大量轉檔，還算OK的工具。

相關

• XHTML
• HTML 5