HTML標記一覽 · HTML 編碼規范

<table align="center" style="margin:0 auto;"> <tr> <td>標記 </td> <td>類型 </td> <td>譯名或意義 </td> <td>作用 </td> <td>備注 </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">文件標記 </td> </tr> <tr> <td><html> </td> <td>●</td> <td>文件聲明 </td> <td>讓瀏覽器知道這是 html 文件 </td> <td> </td> </tr> <tr> <td><head> </td> <td>●</td> <td>開頭 </td> <td>提供文件整體資訊 </td> <td> </td> </tr> <tr> <td><title> </td> <td>●</td> <td>標題 </td> <td>定義文件標題，將顯示于瀏覽頂端 </td> <td> </td> </tr> <tr> <td><body> </td> <td>●</td> <td>本文 </td> <td>設計文件格式及內文所在 </td> <td> </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">排版標記 </td> </tr> <tr> <td> </td> <td>○</td> <td>說明標記 </td> <td>為文件加上說明，但不被顯示 </td> <td> </td> </tr> <tr> <td><p> </td> <td>●</td> <td>段落標記 </td> <td>為字、畫、表格等之間留一空白行 </td> <td> </td> </tr> <tr> <td><br> </td> <td>○</td> <td>換行標記 </td> <td>令字、畫、表格等顯示于下一行 </td> <td> </td> </tr> <tr> <td><hr> </td> <td>○</td> <td>水平線 </td> <td>插入一條水平線 </td> <td> </td> </tr> <tr> <td><center> </td> <td>●</td> <td>居中 </td> <td>令字、畫、表格等顯示于中間 </td> <td>反對 </td> </tr> <tr> <td><pre> </td> <td>●</td> <td>預設格式 </td> <td>令文件按照原始碼的排列方式顯示 </td> <td> </td> </tr> <tr> <td><div> </td> <td>●</td> <td>區隔標記 </td> <td>設定字、畫、表格等的擺放位置 </td> <td> </td> </tr> <tr> <td><nobr> </td> <td>●</td> <td>不折行 </td> <td>令文字不因太長而繞行 </td> <td> </td> </tr> <tr> <td><wbr> </td> <td>●</td> <td>建議折行 </td> <td>預設折行部位 </td> <td> </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">字體標記 </td> </tr> <tr> <td><strong> </td> <td>●</td> <td>加重語氣 </td> <td>產生字體加粗 bold 的效果 </td> <td> </td> </tr> <tr> <td><b> </td> <td>●</td> <td>粗體標記 </td> <td>產生字體加粗的效果 </td> <td> </td> </tr> <tr> <td><em> </td> <td>●</td> <td>強調標記 </td> <td>字體出現斜體效果 </td> <td> </td> </tr> <tr> <td><i> </td> <td>●</td> <td>斜體標記 </td> <td>字體出現斜體效果 </td> <td> </td> </tr> <tr> <td><tt> </td> <td>●</td> <td>打字字體 </td> <td>courier字體，字母寬度相同 </td> <td> </td> </tr> <tr> <td><u> </td> <td>●</td> <td>加上底線 </td> <td>加上底線 </td> <td>反對 </td> </tr> <tr> <td><h1> </td> <td>●</td> <td>一級標題標記 </td> <td>變粗變大加寬，程度與級數反比 </td> <td> </td> </tr> <tr> <td><h2> </td> <td>●</td> <td>二級標題標記 </td> <td>將字體變粗變大加寬 </td> <td> </td> </tr> <tr> <td><h3> </td> <td>●</td> <td>三級標題標記 </td> <td>將字體變粗變大加寬 </td> <td> </td> </tr> <tr> <td><h4> </td> <td>●</td> <td>四級標題標記 </td> <td>將字體變粗變大加寬 </td> <td> </td> </tr> <tr> <td><h5> </td> <td>●</td> <td>五級標題標記 </td> <td>將字體變粗變大加寬 </td> <td> </td> </tr> <tr> <td><h6> </td> <td>●</td> <td>六級標題標記 </td> <td>將字體變粗變大加寬 </td> <td> </td> </tr> <tr> <td><font> </td> <td>●</td> <td>字形標記 </td> <td>設定字形、大小、顏色 </td> <td>反對 </td> </tr> <tr> <td><basefont> </td> <td>○</td> <td>基準字形標記 </td> <td>設定所有字形、大小、顏色 </td> <td>反對 </td> </tr> <tr> <td><big> </td> <td>●</td> <td>字體加大 </td> <td>令字體稍為加大 </td> <td> </td> </tr> <tr> <td><small> </td> <td>●</td> <td>字體縮細 </td> <td>令字體稍為縮細 </td> <td> </td> </tr> <tr> <td><strike> </td> <td>●</td> <td>畫線刪除 </td> <td>為字體加一刪除線 </td> <td>反對 </td> </tr> <tr> <td><code> </td> <td>●</td> <td>程式碼 </td> <td>字體稍為加寬如<tt></td> <td> </td> </tr> <tr> <td><kbd> </td> <td>●</td> <td>鍵盤字 </td> <td>字體稍為加寬，單一空白 </td> <td> </td> </tr> <tr> <td><samp> </td> <td>●</td> <td>范例 </td> <td>字體稍為加寬如<tt></td> <td> </td> </tr> <tr> <td><var> </td> <td>●</td> <td>變數 </td> <td>斜體效果 </td> <td> </td> </tr> <tr> <td><cite> </td> <td>●</td> <td>傳記引述 </td> <td>斜體效果 </td> <td> </td> </tr> <tr> <td><blockquote> </td> <td>●</td> <td>引述文字區塊 </td> <td>縮排字體 </td> <td> </td> </tr> <tr> <td><dfn> </td> <td>●</td> <td>述語定義 </td> <td>斜體效果 </td> <td> </td> </tr> <tr> <td><address> </td> <td>●</td> <td>地址標記 </td> <td>斜體效果 </td> <td> </td> </tr> <tr> <td><sub> </td> <td>●</td> <td>下標字 </td> <td>下標字 </td> <td> </td> </tr> <tr> <td><sup> </td> <td>●</td> <td>上標字 </td> <td>指數（平方、立方等） </td> <td> </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">清單標記 </td> </tr> <tr> <td><ol> </td> <td>●</td> <td>順序清單 </td> <td>清單項目將以數字、字母順序排列 </td> <td> </td> </tr> <tr> <td><ul> </td> <td>●</td> <td>無序清單 </td> <td>清單項目將以圓點排列 </td> <td> </td> </tr> <tr> <td><li> </td> <td>○</td> <td>清單項目 </td> <td>每一標記標示一項清單項目 </td> <td> </td> </tr> <tr> <td><menu> </td> <td>●</td> <td>選單清單 </td> <td>清單項目將以圓點排列，如<ul></td> <td>反對 </td> </tr> <tr> <td><dir> </td> <td>●</td> <td>目錄清單 </td> <td>清單項目將以圓點排列，如<ul></td> <td>反對 </td> </tr> <tr> <td><dl> </td> <td>●</td> <td>定義清單 </td> <td>清單分兩層出現 </td> <td> </td> </tr> <tr> <td><dt> </td> <td>○</td> <td>定義條目 </td> <td>標示該項定義的標題 </td> <td> </td> </tr> <tr> <td><dd> </td> <td>○</td> <td>定義內容 </td> <td>標示定義內容 </td> <td> </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">表格標記 </td> </tr> <tr> <td><table> </td> <td>●</td> <td>表格標記 </td> <td>設定該表格的各項參數 </td> <td> </td> </tr> <tr> <td><caption> </td> <td>●</td> <td>表格標題 </td> <td>做成一打通列以填入表格標題 </td> <td> </td> </tr> <tr> <td><tr> </td> <td>●</td> <td>表格列 </td> <td>設定該表格的列 </td> <td> </td> </tr> <tr> <td><td> </td> <td>●</td> <td>表格欄 </td> <td>設定該表格的欄 </td> <td> </td> </tr> <tr> <td><th> </td> <td>●</td> <td>表格標頭 </td> <td>相等于<td>，但其內之字體會變粗 </td> <td> </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">表單標記 </td> </tr> <tr> <td><form> </td> <td>●</td> <td>表單標記 </td> <td>決定單一表單的運作模式 </td> <td> </td> </tr> <tr> <td><textarea> </td> <td>●</td> <td>文字區塊 </td> <td>提供文字方盒以輸入較大量文字 </td> <td> </td> </tr> <tr> <td><input> </td> <td>○</td> <td>輸入標記 </td> <td>決定輸入形式 </td> <td> </td> </tr> <tr> <td><select> </td> <td>●</td> <td>選擇標記 </td> <td>建立 pop-up 卷動清單 </td> <td> </td> </tr> <tr> <td><option> </td> <td>○</td> <td>選項 </td> <td>每一標記標示一個選項 </td> <td> </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">圖形標記 </td> </tr> <tr> <td><img> </td> <td>○</td> <td>圖形標記 </td> <td>用以插入圖形及設定圖形屬性 </td> <td> </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">連結標記 </td> </tr> <tr> <td><a> </td> <td>●</td> <td>連結標記 </td> <td>加入連結 </td> <td> </td> </tr> <tr> <td><base> </td> <td>○</td> <td>基準標記 </td> <td>可將相對 url 轉絕對及指定連結目標 </td> <td> </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">框架標記 </td> </tr> <tr> <td><frameset> </td> <td>●</td> <td>框架設定 </td> <td>設定框架 </td> <td> </td> </tr> <tr> <td><frame> </td> <td>○</td> <td>框窗設定 </td> <td>設定框窗 </td> <td> </td> </tr> <tr> <td><iframe> </td> <td>○</td> <td>頁內框架 </td> <td>于網頁中間插入框架 </td> <td>IE</td> </tr> <tr> <td><noframes> </td> <td>●</td> <td>不支援框架 </td> <td>設定當瀏覽器不支援框架時的提示 </td> <td> </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">影像地圖 </td> </tr> <tr> <td><map> </td> <td>●</td> <td>影像地圖名稱 </td> <td>設定影像地圖名稱 </td> <td> </td> </tr> <tr> <td><area> </td> <td>○</td> <td>連結區域 </td> <td>設定各連結區域 </td> <td> </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">多媒體 </td> </tr> <tr> <td><bgsound> </td> <td>○</td> <td>背景聲音 </td> <td>于背景播放聲音或音樂 </td> <td>IE</td> </tr> <tr> <td><embed> </td> <td>○</td> <td>多媒體 </td> <td>加入聲音、音樂或影像 </td> <td> </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">其他標記 </td> </tr> <tr> <td><marquee> </td> <td>●</td> <td>走動文字 </td> <td>令文字左右走動 </td> <td>IE</td> </tr> <tr> <td><blink> </td> <td>●</td> <td>閃爍文字 </td> <td>閃爍文字 </td> <td>NC</td> </tr> <tr> <td><isindex> </td> <td>○</td> <td>頁內尋找器 </td> <td>可輸入關鍵字尋找于該一頁 </td> <td>反對 </td> </tr> <tr> <td><meta> </td> <td>○</td> <td>開頭定義 </td> <td>讓瀏覽器知道這是 html 文件 </td> <td> </td> </tr> <tr> <td><link> </td> <td>○</td> <td>關系定義 </td> <td>定義該文件與其他 url 的關系 </td> <td> </td> </tr> <tr> <td colspan="5" bgcolor="#DED1F3">stylesheet</td> </tr> <tr> <td><style> </td> <td>●</td> <td>樣式表 </td> <td>控制網頁版面 </td> <td> </td> </tr> <tr> <td><span> </td> <td>●</td> <td>自訂標記 </td> <td>獨立使用或與樣式表同用 </td> <td> </td> </tr> </table> <br /> **注**： [●] 表示該標記屬圍堵標記，即需要關閉標記如 </標記>。 [○] 表示該標記屬空標記，即不需要關閉標記。 [IE] 表示該標記只適用于 Internet Explorer。 [NC] 表示該標記只適用于 Netscape Communicator。 [反對] 表示該標記不為 W3C 所贊同，通常這標記是 IE 或 NC 自訂，且己為眾所支持，只是 HTML 標準中有其它同功能或更好的選擇。 [棄用] 表示該標記己為 W3C 所棄用，是過時的標記，但 HTML 具向下兼容的特性，不用擔心新瀏覽器不支援舊標記。