常用的標籤及其含義
|
標籤 |
類型 |
譯名或意義 |
作 用 |
備註 |
|
文件標籤 |
||||
|
<HTML> |
● |
文件聲明 |
讓瀏覽器知道這是 HTML 文件 |
|
|
<HEAD> |
● |
開頭 |
提供文件整體資訊 |
|
|
<TITLE> |
● |
標題 |
定義文件標題，將顯示於瀏覽頂端 |
|
|
<BODY> |
● |
本文 |
設計文件格式及內文所在 |
|
|
排版標籤 |
||||
|
<!--註解--> |
○ |
說明標籤 |
爲文件加上說明，但不被顯示 |
|
|
<P> |
○ |
段落標籤 |
爲字、畫、表格等之間留一空白行 |
|
|
<BR> |
○ |
換行標籤 |
令字、畫、表格等顯示於下一行 |
|
|
<HR> |
○ |
水平線 |
插入一條水平線 |
|
|
<CENTER> |
● |
居中 |
令字、畫、表格等顯示於中間 |
反對 |
|
<PRE> |
● |
預設格式 |
令文件按照原始碼的排列方式顯示 |
|
|
<DIV> |
● |
區隔標籤 |
設定字、畫、表格等的擺放位置 |
|
|
<NOBR> |
● |
不折行 |
令文字不因太長而繞行 |
|
|
<WBR> |
● |
建議折行 |
預設折行部位 |
|
|
字體標籤 |
||||
|
<STRONG> |
● |
加重語氣 |
產生字體加粗 Bold 的效果 |
|
|
<B> |
● |
粗體標籤 |
產生字體加粗的效果 |
|
|
<EM> |
● |
強調標籤 |
字體出現斜體效果 |
|
|
<I> |
● |
斜體標籤 |
字體出現斜體效果 |
|
|
<TT> |
● |
打字字體 |
Courier字體，字母寬度相同 |
|
|
<U> |
● |
加上底線 |
加上底線 |
反對 |
|
<H1> |
● |
一級標題標籤 |
變粗變大加寬，程度與級數反比 |
|
|
<H2> |
● |
二級標題標籤 |
將字體變粗變大加寬 |
|
|
<H3> |
● |
三級標題標籤 |
將字體變粗變大加寬 |
|
|
<H4> |
● |
四級標題標籤 |
將字體變粗變大加寬 |
|
|
<H5> |
● |
五級標題標籤 |
將字體變粗變大加寬 |
|
|
<H6> |
● |
六級標題標籤 |
將字體變粗變大加寬 |
|
|
<FONT> |
● |
字形標籤 |
設定字形、大小、顏色 |
反對 |
|
<BASEFONT> |
○ |
基準字形標籤 |
設定所有字形、大小、顏色 |
反對 |
|
<BIG> |
● |
字體加大 |
令字體稍爲加大 |
|
|
<SMALL> |
● |
字體縮細 |
令字體稍爲縮細 |
|
|
<STRIKE> |
● |
畫線刪除 |
爲字體加一刪除線 |
反對 |
|
<CODE> |
● |
程式碼 |
字體稍爲加寬如<TT> |
|
|
<KBD> |
● |
鍵盤字 |
字體稍爲加寬，單一空白 |
|
|
<SAMP> |
● |
範例 |
字體稍爲加寬如<TT> |
|
|
<VAR> |
● |
變數 |
斜體效果 |
|
|
<CITE> |
● |
傳記引述 |
斜體效果 |
|
|
<BLOCKQUOTE> |
● |
引述文字區塊 |
縮排字體 |
|
|
<DFN> |
● |
述語定義 |
斜體效果 |
|
|
<ADDRESS> |
● |
地址標籤 |
斜體效果 |
|
|
<SUB> |
● |
下標字 |
下標字 |
|
|
<SUP> |
● |
上標字 |
指數（平方、立方等） |
|
|
清單標籤 |
||||
|
<OL> |
● |
順序清單 |
清單項目將以數字、字母順序排列 |
|
|
<UL> |
● |
無序清單 |
清單項目將以圓點排列 |
|
|
<LI> |
○ |
清單項目 |
每一標籤標示一項清單項目 |
|
|
<MENU> |
● |
選單清單 |
清單項目將以圓點排列，如<UL> |
反對 |
|
<DIR> |
● |
目錄清單 |
清單項目將以圓點排列，如<UL> |
反對 |
|
<DL> |
● |
定義清單 |
清單分兩層出現 |
|
|
<DT> |
○ |
定義條目 |
標示該項定義的標題 |
|
|
<DD> |
○ |
定義內容 |
標示定義內容 |
|
|
表格標籤 |
||||
|
<TABLE> |
● |
表格標籤 |
設定該表格的各項參數 |
|
|
<CAPTION> |
● |
表格標題 |
做成一打通列以填入表格標題 |
|
|
<TR> |
● |
表格列 |
設定該表格的列 |
|
|
<TD> |
● |
表格欄 |
設定該表格的欄 |
|
|
<TH> |
● |
表格標頭 |
相等於<TD>，但其內之字體會變粗 |
|
|
表單標籤 |
||||
|
<FORM> |
● |
表單標籤 |
決定單一表單的運作模式 |
|
|
<TEXTAREA> |
● |
文字區塊 |
提供文字方盒以輸入較大量文字 |
|
|
<INPUT> |
○ |
輸入標籤 |
決定輸入形式 |
|
|
<SELECT> |
● |
選擇標籤 |
建立 pop-up 捲動清單 |
|
|
<OPTION> |
○ |
選項 |
每一標籤標示一個選項 |
|
|
圖形標籤 |
||||
|
<IMG> |
○ |
圖形標籤 |
用以插入圖形及設定圖形屬性 |
|
|
鏈接標籤 |
||||
|
<A> |
● |
鏈接標籤 |
加入連結 |
|
|
<BASE> |
○ |
基準標籤 |
可將相對 URL 轉絕對及指定連結目標 |
|
|
排版標籤 |
||||
|
<FRAMESET> |
● |
框架設定 |
設定框架 |
|
|
<FRAME> |
○ |
框窗設定 |
設定框窗 |
|
|
<IFRAME> |
○ |
頁內框架 |
於網頁中間插入框架 |
IE |
|
<NOFRAMES> |
● |
不支援框架 |
設定當瀏覽器不支援框架時的提示 |
|
|
影像地圖 |
||||
|
<MAP> |
● |
影像地圖名稱 |
設定影像地圖名稱 |
|
|
<AREA> |
○ |
連結區域 |
設定各連結區域 |
|
|
多媒體 |
||||
|
<BGSOUND> |
○ |
背景聲音 |
於背景播放聲音或音樂 |
IE |
|
<EMBED> |
○ |
多媒體 |
加入聲音、音樂或影像 |
|
|
其他標籤 |
||||
|
<MARQUEE> |
● |
走動文字 |
令文字左右走動 |
IE |
|
<BLINK> |
● |
閃爍文字 |
閃爍文字 |
NC |
|
<ISINDEX> |
○ |
頁內尋找器 |
可輸入關鍵字尋找於該一頁 |
反對 |
|
<META> |
○ |
開頭定義 |
讓瀏覽器知道這是 HTML 文件 |
|
|
<LINK> |
○ |
關係定義 |
定義該文件與其他 URL 的關係 |
|
|
StyleSheet |
||||
|
<STYLE> |
● |
樣式表 |
控制網頁版面 |
|
|
<span> |
● |
自訂標籤 |
獨立使用或與樣式表同用 |
|
下面是新增標籤
| 新增元素 | 說明 |
|---|---|
| video | 表示一段視頻並提供播放的用戶界面 |
| audio | 表示音頻 |
| canvas | 表示位圖區域 |
| source | 爲video和audio提供數據源 |
| track | 爲video和audio指定字母 |
| svg | 定義矢量圖 |
| code | 代碼段 |
| figure | 和文檔有關的圖例 |
| figcaption | 圖例的說明 |
| main |
http://www.w3school.com.cn/tags/tag_main.asp |
| time | 日期和時間值 |
| mark | 高亮的引用文字 |
| datalist | 提供給其他控件的預定義選項 |
| keygen | 祕鑰對生成器控件 |
| output | 計算值 |
| progress | 進度條 |
| menu | 菜單 |
| embed | 嵌入的外部資源 |
| menuitem | 用戶可點擊的菜單項 |
| menu | 菜單 |
|
|
|
| section |
|
| nav |
<nav> 標籤定義導航鏈接的部分。 |
| aside |
：<aside>
的內容可用作文章的側欄。 |
| article |
標籤規定獨立的自包含內容。 一篇文章應有其自身的意義，應該有可能獨立於站點的其餘部分對其進行分發。 |
| footer |
|
|
|
