整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
例
帶有兩個輸入字段和相關標記的簡單 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，我們一起飛！
個主要的互聯網瀏覽器都允許用戶查看任何網頁的HTML（超文本標記語言）源代碼。以下部分包含有關在每個主要瀏覽器中查看源代碼的多種方法的信息。
查看網頁的源代碼時，服務器處理的信息和代碼不會出現。例如，搜索引擎處理服務器上的信息，然后在網頁上顯示結果。換句話說，你可以查看組成結果頁面的代碼，但不能查看搜索引擎的源代碼。
此規則適用于所有服務器端腳本、SSI（服務器端包含）和編程代碼。因此，你無法查看搜索引擎、論壇、投票、聊天等中使用的腳本源代碼。此外，從源代碼復制信息可能會導致錯誤，或將你引導回從中復制信息的頁面。
要在Google Chrome中查看網頁的源代碼，請使用以下任一方法。
僅查看源代碼
方法一
要僅查看源代碼，請按計算機鍵盤上的鍵盤快捷鍵Ctrl+U。
方法二
右鍵單擊網頁的空白部分，然后從彈出菜單中選擇“查看網頁源代碼”。
查看包含元素的源代碼
1、打開Chrome并導航要查看其源代碼的網頁。
2、單擊瀏覽器窗口右上角的設置圖標。
3、從下拉菜單中，選擇更多工具，然后選擇開發者工具。
4、單擊屏幕底部左上角的“元素”選項卡。
提示：在Chrome中，按F12或Ctrl+Shift+I也會打開交互式開發者工具。該工具提供了與源代碼和CSS設置的更多交互，允許用戶查看代碼中的更改如何立即影響網頁。
要在Mozilla Firefox中查看網頁的源代碼，請使用以下任一方法。
僅查看源代碼
方法一
要僅查看源代碼，請按計算機鍵盤上的Ctrl+U。
方法二
右鍵單擊網頁的空白部分，然后從彈出菜單中選擇“查看網頁源代碼”。
查看包含元素的源代碼
1、打開Firefox并導航到要查看其源代碼的網頁。
2、單擊屏幕右上角的菜單Firefox菜單圖標。
3、在下拉菜單中選擇“更多工具”，然后從展開的菜單中選擇“Web開發者工具”。
4、單擊屏幕底部部分左上角的“查看器”選項卡。
提示：在Firefox中，按F12或Ctrl+Shift+I也會打開交互式開發者工具。該工具提供與源代碼和CSS設置的交互，允許用戶實時查看代碼中的更改如何影響網頁。
查看網頁源代碼的一部分
1、突出顯示網頁中要查看源代碼的部分。
2、在高亮顯示的部分上單擊鼠標右鍵，然后選擇“查看選中部分源代碼”。
提示：你可以使用Firebug插件查看和編輯頁面的源代碼，并通過瀏覽器實時查看更改。
要在Microsoft Edge中查看網頁的源代碼，請使用以下任一方法。
僅查看源代碼
方法一
要僅查看源代碼，請按計算機鍵盤上的Ctrl+U。
方法二
右鍵單擊網頁的空白部分，然后從彈出菜單中選擇“查看網頁源代碼”。
查看包含元素的源代碼
1、打開Microsoft Edge并導航到要查看其源代碼的網頁。
2、單擊屏幕右上角的設置圖標。
3、將鼠標移到下拉菜單中的“更多工具”上，然后從展開的菜單中選擇“開發人員工具”。
4、單擊屏幕右側窗口頂部的“元素”選項卡。
提示：在Microsoft Edge中，按F12或Ctrl+Shift+I也會顯示交互式開發人員工具。該工具提供與源代碼和CSS設置的交互，允許用戶實時查看代碼中的更改如何影響網頁。
要在Microsoft Internet Explorer中查看網頁的源代碼，請使用以下任一方法。
僅查看源代碼
方法一
要僅查看源代碼，請按計算機鍵盤上的Ctrl+U。
方法二
右鍵單擊網頁的空白部分，然后從彈出菜單中選擇“查看源”。
查看包含元素的源代碼
1、打開Internet Explorer并導航到要查看其源代碼的網頁。
2、單擊右上角的工具Internet explorer工具圖標
。
3、從下拉菜單中選擇“F12開發人員工具”。
4、單擊開發人員工具菜單左上角的“DOM資源管理器”選項卡。
提示：在Internet Explorer中，按F12鍵將顯示DOM工具。該工具提供與源代碼和CSS設置的交互，允許用戶查看代碼中的更改如何立即影響網頁。
例
簡單的 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，我們一起飛！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
