例
簡單的 HTML5 文檔:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
文檔內容......
</body>
</html>
瀏覽器支持
所有主流瀏覽器都支持 <html> 標簽。
標簽定義及使用說明
<html> 標簽告知瀏覽器這是一個 HTML 文檔。
<html> 標簽是 HTML 文檔中最外層的元素。
<html> 標簽是所有其他 HTML 元素(除了 <!DOCTYPE> 標簽)的容器。
HTML 4.01 與 HTML5之間的差異
HTML5 中,增加了一個新屬性:manifest。
HTML 與 XHTML 之間的差異
xmlns 屬性在 XHTML 中是必需的,但在 HTML中不是。
然而,即使 XHTML 文檔中的 <html> 沒有使用 xmlns 屬性,W3C 上的 HTML 驗證器也不會報錯。這是因為 "xmlns=http://www.w3.org/1999/xhtml" 是一個固定值,即使您沒有包含它,此值也會被添加到 <html> 標簽中。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
manifestNew | URL | 定義一個 URL,在這個 URL 上描述了文檔的緩存信息。 |
xmlns | http://www.w3.org/1999/xhtml | HTML 不支持。只有 XHTML 支持。 規定 XML 的 namespace 屬性(如果您需要您的內容符合 XHTML,則使用這個屬性。)。 |
全局屬性
<html> 標簽支持 HTML 的全局屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
覽器支持
所有主流瀏覽器都支持 <a> 標簽。
標簽定義及使用說明
<a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。
<a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。
在所有瀏覽器中,鏈接的默認外觀如下:
未被訪問的鏈接帶有下劃線而且是藍色的
已被訪問的鏈接帶有下劃線而且是紫色的
活動鏈接帶有下劃線而且是紅色的
提示和注釋
提示:如果沒有使用 href 屬性,則不能使用 hreflang、media、rel、target 以及 type 屬性。
提示:通常在當前瀏覽器窗口中顯示被鏈接頁面,除非規定了其他 target。
提示:請使用 CSS 來改變鏈接的樣式。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中,<a> 標簽既可以是超鏈接,也可以是錨。在 HTML5 中,<a> 標簽是超鏈接,但是假如沒有 href 屬性,它僅僅是超鏈接的一個占位符。
HTML5 有一些新的屬性,同時不再支持一些 HTML 4.01 的屬性。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。規定目標 URL 的字符編碼。 |
coords | coordinates | HTML5 不支持。規定鏈接的坐標。 |
downloadNew | filename | 指定下載鏈接 |
href | URL | 規定鏈接的目標 URL。 |
hreflang | language_code | 規定目標 URL 的基準語言。僅在 href 屬性存在時使用。 |
mediaNew | media_query | 規定目標 URL 的媒介類型。默認值:all。僅在 href 屬性存在時使用。 |
name | section_name | HTML5 不支持。規定錨的名稱。 |
rel | alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag | 規定當前文檔與目標 URL 之間的關系。僅在 href 屬性存在時使用。 |
rev | text | HTML5 不支持。規定目標 URL 與當前文檔之間的關系。 |
shape | defaultrectcirclepoly | HTML5 不支持。規定鏈接的形狀。 |
target | _blank_parent_self_topframename | 規定在何處打開目標 URL。僅在 href 屬性存在時使用。 |
typeNew | MIME_type | 規定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。注:MIME=Multipurpose Internet Mail Extensions。 |
全局屬性
<a> 標簽支持 HTML 的全局屬性。
事件屬性
<a> 標簽支持 HTML 的事件屬性。
創建超級鏈接
本例演示如何在 HTML 文檔中創建鏈接。
將圖像作為鏈接
本例演示如何使用圖像作為鏈接。
在新的瀏覽器窗口打開鏈接
本例演示如何在新窗口打開一個頁面,這樣的話訪問者就無需離開您的站點了。
創建電子郵件鏈接
本例演示如何鏈接到一個郵件。(本例在安裝郵件客戶端程序后才能工作。)
創建電子郵件鏈接 2
本例演示更加復雜的郵件鏈接。
使用錨跳轉到同一個頁面的不同位置
本例演示如何使用錨的 id 屬性跳轉到頁面的不同位置( HTML5 不支持 name 屬性)
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
帶有兩個輸入字段和相關標記的簡單 HTML 表單:
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="提交">
</form>
瀏覽器支持
目前大多數瀏覽器支持 <label> 標簽。
標簽定義及使用說明
<label> 標簽為 input 元素定義標注(標記)。
label 元素不會向用戶呈現任何特殊效果。不過,它為鼠標用戶改進了可用性。如果您在 label 元素內點擊文本,就會觸發此控件。就是說,當用戶選擇該標簽時,瀏覽器就會自動將焦點轉到和標簽相關的表單控件上。
<label> 標簽的 for 屬性應當與相關元素的 id 屬性相同。
提示和注釋
提示:"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設置為相關元素的 id 屬性的值。
HTML 4.01 與 HTML5之間的差異
"form" 屬性是 HTML5 的新屬性。
屬性
New:HTML5 新屬性。
屬性 | 值 | 描述 |
---|---|---|
for | element_id | 規定 label 與哪個表單元素綁定。 |
formNew | form_id | 規定 label 字段所屬的一個或多個表單。 |
全局屬性
<label> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性
<label> 標簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。