檢視 HTML 的原始碼

'''HTML'''（'''H'''yper'''T'''ext '''M'''arkup '''L'''anguage），{{wikipedia|HTML|lang=en}}。

==版本==
{| class="wikitable"
|-
!版本!!發佈日期!!技術文件!!已過時
|-
|1.0||1993年6月||[http://www.w3.org/MarkUp/draft-ietf-iiir-html-01.txt  Hypertext Markup Language (HTML) - Internet Draft]||{{Yes}}
|-
|2.0||1995年11月||RFC 1866 - ''Hypertext Markup Language - 2.0''||{{Yes}}
|-
|3.2||1996年1月14日||[http://www.w3.org/TR/REC-html32 HTML 3.2]||
|-
|4.0||1997年12月18日||[http://www.w3.org/TR/REC-html40-971218/ HTML 4.0]||
|-
|4.01||1999年12月24日||[http://www.w3.org/TR/html401 HTML 4.01]||
|-
|ISO HTML||2000年5月15日||[http://www.purl.org/NET/ISO+IEC.15445/15445.html ISO/IEC 15445:2000]||
|-
|[[HTML5]]||2014年10月28日||[http://www.w3.org/TR/html5 HTML 5.0]||
|-
|}

==技術文件==
*[http://www.w3.org/html/ HTML - W3C]
*{{msdn|hh772960|HTML/XHTML Reference - MSDN Library|en-us}}
*[http://www.w3schools.com/html/default.asp HTML Tutorial - w3schools]
*[https://developer.mozilla.org/en/HTML HTML - Mozilla Developer Network]

==應用==
===C#===
*[http://htmlagilitypack.codeplex.com/ HTML Agility Pack]
**[http://msdn.microsoft.com/zh-tw/evalcenter/ee787055.aspx HTML Agility Pack：簡單好用的快速 HTML Parser]

==FAQ==
===常用的特殊字元寫法===
* [http://msdn.microsoft.com/en-us/library/ms537495(VS.85).aspx ISO Latin-1 Character Set]
===關閉遊覽器自帶的自動完成===
* 加上 autocomplete="off"
 <input type="text" name="cc" autocomplete="off" />
===關於HTML DOM取得Element的方法===
* document.getElementById: 根據傳入的值，找到 DOM 中 id 為該值的元素。
* document.getElementsByTagName: 傳回一個陣列，陣列內元素為 tag 名稱符合傳入的參數。
* document.getElementsByName: 傳回一個陣列，陣列元素的 name 屬性值符合傳入的參數。
===關於表單內按下Tab鍵，切換到不同欄位的順序的方法===
* [http://www.htmlcodetutorial.com/forms/_INPUT_TABINDEX.html HTML Attribute tabindex]（IE 4以上適用）
===建議不再使用的HTML標簽與屬性===
{{HideH|HTML標簽}}
{| border="1" class="wikitable sortable" width="100%"
|-
! 原本的HTML標簽 !! 作用 !! 日後改用
|-
|<pre><applet></applet></pre> || ||
|-
|<pre><basefont /></pre> || ||
|-
|<pre><blackface></blackface></pre> || ||
|-
|<pre><blockquote></blockquote></pre> || ||
|-
|<pre><center></center></pre> || 置中 ||
|-
|<pre><dir></dir></pre> || ||
|-
|<pre><embed /></pre> || ||
|-
|<pre><font></font></pre> || ||
|-
|<pre><i></i></pre> || ||
|-
|<pre><isindex /></pre> || ||
|-
|<pre><layer></layer></pre> || ||
|-
|<pre><menu></menu></pre> || ||
|-
|<pre><noembed></noembed></pre> || ||
|-
|<pre><s></s></pre> || ||
|-
|<pre><shadow></shadow></pre> || ||
|-
|<pre><strike></strike></pre> || ||
|-
|<pre><u></u></pre> || ||
|}
{{HideF}}
{{HideH|HTML屬性}}
{| border="1" class="wikitable sortable" width="100%"
|-
! 原本的HTML屬性 !! 作用 !! 日後改用
|-
|alink || ||
|-
|align || 對齊 ||
|-
|background || ||
|-
|border || ||
|-
|color || ||
|-
|compact || ||
|-
|face || ||
|-
|height || 高度 || 改用CSS或style
|-
|language || ||
|-
|link || ||
|-
|name || ||
|-
|noshade || ||
|-
|nowrap || 不自動斷行 ||
|-
|size || ||
|-
|start || ||
|-
|text || ||
|-
|type || ||
|-
|value || ||
|-
|version || ||
|-
|vlink || ||
|-
|width || ||
|}
{{HideF}}
===HTML減肥===
*因為[[Word]]所存的HTML檔有太多無用的HTML標籤，所以需要另外對HTML檔減肥。
#據說Dreamweaver可以，工具列上的【命令】→【清理Word的HTML】。可是這軟體要錢啊。
#[http://gsyan888.blogspot.com/2008/12/tidyui-word-html.html TidyUI 清理肥大的 Word HTML 網頁] 
#:可是開大一點HTML檔就會沒有回應？而且明明指定編碼是UFT8了中文竟然還是變亂碼？失敗啊....
#[https://wordhtml.com/ WordHTML]
#:Web版的工具, 看起來不錯用, 可是它沒辦法直接開啟 docx檔, 得用複製貼上的方式把Word檔的內容貼到該網頁上, 產出的HTML內容看起來很乾淨。

==相關==
* [[XHTML]]
* [[HTML 5]]

[[Category:W3C相關]]
[[Category:HTML]]