整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
例
帶有兩個輸入字段和相關(guān)標(biāo)記的簡單 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>
瀏覽器支持
目前大多數(shù)瀏覽器支持 <label> 標(biāo)簽。
標(biāo)簽定義及使用說明
<label> 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。
label 元素不會向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點擊文本，就會觸發(fā)此控件。就是說，當(dāng)用戶選擇該標(biāo)簽時，瀏覽器就會自動將焦點轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。
<label> 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。
提示和注釋
提示:"for" 屬性可把 label 綁定到另外一個元素。請把 "for" 屬性的值設(shè)置為相關(guān)元素的 id 屬性的值。
HTML 4.01 與 HTML5之間的差異
"form" 屬性是 HTML5 的新屬性。
屬性
New：HTML5 新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| for | element_id | 規(guī)定 label 與哪個表單元素綁定。 |
| formNew | form_id | 規(guī)定 label 字段所屬的一個或多個表單。 |
全局屬性
<label> 標(biāo)簽支持全局屬性，查看完整屬性表 HTML全局屬性。
事件屬性
<label> 標(biāo)簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
個主要的互聯(lián)網(wǎng)瀏覽器都允許用戶查看任何網(wǎng)頁的HTML（超文本標(biāo)記語言）源代碼。以下部分包含有關(guān)在每個主要瀏覽器中查看源代碼的多種方法的信息。
查看網(wǎng)頁的源代碼時，服務(wù)器處理的信息和代碼不會出現(xiàn)。例如，搜索引擎處理服務(wù)器上的信息，然后在網(wǎng)頁上顯示結(jié)果。換句話說，你可以查看組成結(jié)果頁面的代碼，但不能查看搜索引擎的源代碼。
此規(guī)則適用于所有服務(wù)器端腳本、SSI（服務(wù)器端包含）和編程代碼。因此，你無法查看搜索引擎、論壇、投票、聊天等中使用的腳本源代碼。此外，從源代碼復(fù)制信息可能會導(dǎo)致錯誤，或?qū)⒛阋龑?dǎo)回從中復(fù)制信息的頁面。
要在Google Chrome中查看網(wǎng)頁的源代碼，請使用以下任一方法。
僅查看源代碼
方法一
要僅查看源代碼，請按計算機(jī)鍵盤上的鍵盤快捷鍵Ctrl+U。
方法二
右鍵單擊網(wǎng)頁的空白部分，然后從彈出菜單中選擇“查看網(wǎng)頁源代碼”。
查看包含元素的源代碼
1、打開Chrome并導(dǎo)航要查看其源代碼的網(wǎng)頁。
2、單擊瀏覽器窗口右上角的設(shè)置圖標(biāo)。
3、從下拉菜單中，選擇更多工具，然后選擇開發(fā)者工具。
4、單擊屏幕底部左上角的“元素”選項卡。
提示：在Chrome中，按F12或Ctrl+Shift+I也會打開交互式開發(fā)者工具。該工具提供了與源代碼和CSS設(shè)置的更多交互，允許用戶查看代碼中的更改如何立即影響網(wǎng)頁。
要在Mozilla Firefox中查看網(wǎng)頁的源代碼，請使用以下任一方法。
僅查看源代碼
方法一
要僅查看源代碼，請按計算機(jī)鍵盤上的Ctrl+U。
方法二
右鍵單擊網(wǎng)頁的空白部分，然后從彈出菜單中選擇“查看網(wǎng)頁源代碼”。
查看包含元素的源代碼
1、打開Firefox并導(dǎo)航到要查看其源代碼的網(wǎng)頁。
2、單擊屏幕右上角的菜單Firefox菜單圖標(biāo)。
3、在下拉菜單中選擇“更多工具”，然后從展開的菜單中選擇“Web開發(fā)者工具”。
4、單擊屏幕底部部分左上角的“查看器”選項卡。
提示：在Firefox中，按F12或Ctrl+Shift+I也會打開交互式開發(fā)者工具。該工具提供與源代碼和CSS設(shè)置的交互，允許用戶實時查看代碼中的更改如何影響網(wǎng)頁。
查看網(wǎng)頁源代碼的一部分
1、突出顯示網(wǎng)頁中要查看源代碼的部分。
2、在高亮顯示的部分上單擊鼠標(biāo)右鍵，然后選擇“查看選中部分源代碼”。
提示：你可以使用Firebug插件查看和編輯頁面的源代碼，并通過瀏覽器實時查看更改。
要在Microsoft Edge中查看網(wǎng)頁的源代碼，請使用以下任一方法。
僅查看源代碼
方法一
要僅查看源代碼，請按計算機(jī)鍵盤上的Ctrl+U。
方法二
右鍵單擊網(wǎng)頁的空白部分，然后從彈出菜單中選擇“查看網(wǎng)頁源代碼”。
查看包含元素的源代碼
1、打開Microsoft Edge并導(dǎo)航到要查看其源代碼的網(wǎng)頁。
2、單擊屏幕右上角的設(shè)置圖標(biāo)。
3、將鼠標(biāo)移到下拉菜單中的“更多工具”上，然后從展開的菜單中選擇“開發(fā)人員工具”。
4、單擊屏幕右側(cè)窗口頂部的“元素”選項卡。
提示：在Microsoft Edge中，按F12或Ctrl+Shift+I也會顯示交互式開發(fā)人員工具。該工具提供與源代碼和CSS設(shè)置的交互，允許用戶實時查看代碼中的更改如何影響網(wǎng)頁。
要在Microsoft Internet Explorer中查看網(wǎng)頁的源代碼，請使用以下任一方法。
僅查看源代碼
方法一
要僅查看源代碼，請按計算機(jī)鍵盤上的Ctrl+U。
方法二
右鍵單擊網(wǎng)頁的空白部分，然后從彈出菜單中選擇“查看源”。
查看包含元素的源代碼
1、打開Internet Explorer并導(dǎo)航到要查看其源代碼的網(wǎng)頁。
2、單擊右上角的工具Internet explorer工具圖標(biāo)
。
3、從下拉菜單中選擇“F12開發(fā)人員工具”。
4、單擊開發(fā)人員工具菜單左上角的“DOM資源管理器”選項卡。
提示：在Internet Explorer中，按F12鍵將顯示DOM工具。該工具提供與源代碼和CSS設(shè)置的交互，允許用戶查看代碼中的更改如何立即影響網(wǎng)頁。
例
簡單的 HTML5 文檔：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標(biāo)題</title>
</head>
<body>
文檔內(nèi)容......
</body>
</html>
瀏覽器支持
所有主流瀏覽器都支持 <html> 標(biāo)簽。
標(biāo)簽定義及使用說明
<html> 標(biāo)簽告知瀏覽器這是一個 HTML 文檔。
<html> 標(biāo)簽是 HTML 文檔中最外層的元素。
<html> 標(biāo)簽是所有其他 HTML 元素（除了 <!DOCTYPE> 標(biāo)簽）的容器。
HTML 4.01 與 HTML5之間的差異
HTML5 中，增加了一個新屬性：manifest。
HTML 與 XHTML 之間的差異
xmlns 屬性在 XHTML 中是必需的，但在 HTML中不是。
然而，即使 XHTML 文檔中的 <html> 沒有使用 xmlns 屬性，W3C 上的 HTML 驗證器也不會報錯。這是因為 "xmlns=http://www.w3.org/1999/xhtml" 是一個固定值，即使您沒有包含它，此值也會被添加到 <html> 標(biāo)簽中。
屬性
New ：HTML5 中的新屬性。
| 屬性 | 值 | 描述 |
|---|---|---|
| manifestNew | URL | 定義一個 URL，在這個 URL 上描述了文檔的緩存信息。 |
| xmlns | http://www.w3.org/1999/xhtml | HTML 不支持。只有 XHTML 支持。 規(guī)定 XML 的 namespace 屬性（如果您需要您的內(nèi)容符合 XHTML，則使用這個屬性。）。 |
全局屬性
<html> 標(biāo)簽支持 HTML 的全局屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
