萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> 36個重要的HTML標簽
36個重要的HTML標簽
每一個HTML標簽都有其用法，但我們在寫HTML代碼時，卻常常捨近求遠，忽略了很多非常重要且特別有用的標簽。
既然HTML中定義了這麼多標簽，而且每種標簽都有其用法，我們為什麼不盡量去使用這些標簽呢。下面收集並整理了36個常被我們遺忘卻非常有用的HTML標簽。
2. <!DOCTYPE>：文檔類型聲明
文檔類型，會使浏覽器使用相應的方式加載網頁並顯示，忽略DTDs，將使網頁進入一種混亂模式(quirks mode)。
示例：
XHTML過渡定義類型，此類型可以使用HTML4中的標簽
XHTML嚴格定義類型，此文檔只可以使用XHTML1中定義的標簽
XHTML1.1版定義類型
XHTML框架定義類型。(可以使用框架)
3. <abbr>：縮寫
示例：<abbr title=”Limited”>Ltd.</abbr>
說明：簡稱和縮寫是對一個慣用詞組的縮寫表示，一般使用詞組中每個單詞的首字母，比如CSS(Cascading Style Sheets),而HTML(Hypertext Markup Language)就不是一種提取首字母的縮寫.有時候縮寫經常會在最後加一個。
4. <acronym>： 取首字母的縮寫
示例：<acronym title=”Cascading Style Sheets”>CSS</acronym>
5. <area>： 定義圖像點擊區域
area標簽是單獨出現的，<area />
area標簽必須使用在map標簽中，而且必須配合img標簽使用。
屬性：
Common ― 一般屬性
accesskey ― 鏈接的快捷鍵訪問方式
alt ― 圖像的提示文字
coords ― 定義可點擊區域圖形的坐標
href ― HTML鏈接源的URL
nohref ― 圖像點擊排除的區域，當不使用href時應使用nohref
shape ― 可點擊區域的形狀
tabindex ― 使用”Tab”鍵的遍歷順序
target ― 鏈接目標
area是client-side image map area的意思，區域
area標簽示例：
<img src=”http://www.renniaofei.com/images/logo.png” usemap=”#Map” /> <map name=”Map” id=”Map”> <area shape=”rect” coords=”35,29,135,99″ href=”#” /> <area shape=”circle” coords=”243,78,44″ href=”#” /> <area shape=”poly” coords=”120,137,195,154,135,207″ href=”#” /> </map>
6. <base>: 定義基URL用於頁面的鏈接與引用
base標簽是單獨出現的，<base />
base標簽只能放置在head標簽內
當使用相對路徑定義鏈接時，可以使用base標簽定義基URL解析所有文檔中定義的相對路徑的URL
屬性：
href ― 基URL
target ― 鏈接目標
base是document base URI的意思
base標簽示例
<head> <base href=”http://www.renniaofei.com/” target=”_blank”> </head>
使用上面示例代碼的html頁面中的相對鏈接，將直接指向基URL http://www.renniaofei.com/，並且使用彈出窗口。
base標簽在框架中的使用
base標簽通常可以使用在框架鏈接中，例如
<frameset cols=”20%, *”> <frame src=”list.html”> <frame src=”http://www.renniaofei.com/” name=”mainTarget”> < /frameset>
鏈接頁list.htm
l<head> <base target=”mainTarget”> </head> < a href=”http://www.renniaofei.com/category/design/”>design</a> < a href=”http://www.renniaofei.com/category/graphic/”>graphic</a> <a href=”http://www.renniaofei.com/category/inspiration/”>inspiration</a> <a href=”http://www.renniaofei.com/category/freebies/”>freebies</a>
通過上面示例可以避免在每個鏈接中寫入target=”mainTarget”
7. <blockquote>：表示引用塊
blockquote標簽是成對出現的，以<blockquote>開始，以</blockquote>結束
屬性：
Common ― 一般屬性
cite ― 被引用內容的URI
示例：
<blockquote cite=”http://www.renniaofei.com/xhtml/”> <p>標准網頁設計要區分內容與表現，學習標准網頁設計。</p> </blockquote>
8. <button> ：定義按鈕
button標簽是成對出現的，以<button>開始，</button>結束
可以定義比input內容更豐富的按鈕。
屬性：
Common ― 一般屬性
accesskey ― 快捷鍵訪問方式
disabled ― 禁止使用
name ― 標簽名稱
tabindex ― 使用”Tab”鍵的遍歷順序
type ― 按鈕類型
button ― 普通按鈕
reset ― 重置表單按鈕
submit ― 提交按鈕
value ― 通過表單傳遞到服務器端的數據
button是push button的意思，按鈕
button標簽示例：
<button type=”submit”>提交</button>
一個使用文字的普通的提交按鈕
<button type=”reset”> 從<strong>任鳥飛</strong>提交表單 </button>
改變按鈕內加重文字的button標簽
<button type=”button”> <img src=”renniaofei.png”
- 上一頁:html有序無序定義列表
- 下一頁:HTML格式標簽如何使用
