溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“html5文檔一定要有哪個標簽”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“html5文檔一定要有哪個標簽”文章吧。
一定要有4個標簽：1、“<!DOCTYPE>”，是一種標準通用標記語言的文檔類型聲明；2、“<html>”，用于告知瀏覽器其自身是一個HTML文檔；3、“<head>”，包含文檔的元數據；4、“<body>”，用于包含訪問者可以看到的內容。
本教程操作環境：windows7系統、HTML5版、Dell G3電腦。
html5文檔一定要有4個標簽
<!DOCTYPE>
<html>
<head>
<body>
HTML文檔就是對一個文檔的描述，都有一個固定的結構，分為許多個部分，每個部分都包含了一個或者多個元素。有些元素用于描述文檔的基本信息，有些則描述文檔結構，下面就是一個基本的HTML文檔的結構
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文檔標題</title> </head> <body> 文檔內容...... </body> </html>
該HTML文檔描述了一個空白頁，這些基礎成分確定了HTML文檔的輪廓以及瀏覽器的初始環境。
1、<!DOCTYPE>標簽
DOCTYPE 是 document type(文檔類型)的簡寫。
doctype 聲明是一種標準通用標記語言的文檔類型聲明，在 web 設計中用來說明你用的 XHTML 或者 HTML 是什么版本。
它告訴瀏覽器兩件事情：
它處理的是HTML文檔；
用來標記文檔內容的HTML所屬的版本，下面的寫法就表明所用的是HTML5。
html5 doctype聲明只有一個：
<!DOCTYPE HTML>
<!DOCTYPE> 聲明必須位于 HTML5 文檔中的第一行，也就是位于 <html> 標簽之前。該標簽告知瀏覽器文檔所使用的 HTML 規范。
注：doctype 聲明不屬于 HTML 標簽，而是一個文檔類型標記，它是一條指令。
說明：
<!DOCTYPE> 標簽沒有結束標簽。
<!DOCTYPE> 對大小寫不敏感。
2、<html>標簽
<html> 標簽是 HTML 文檔中最外層的元素。
<html> 標簽是所有其他 HTML 元素（除了 <!DOCTYPE> 標簽）的容器。
<html>根元素的作用就是告訴瀏覽器，在 <html> 和 </html> 之間的內容是HTML類型，瀏覽器便按HTML進行解析其中的內容。
html 元素有3個屬性，分別是 lang屬性、xmlns屬性和 manifest 屬性：
lang屬性指定頁面內容所使用的默認語言。指定文檔所使用的語言，有助于語言合成工具選擇發音語言，或者翻譯工具選擇翻譯規則。如，<html>，表示本文檔使用中文。
xmlns屬性指派XML的命名空間。xmlns 屬性在 XHTML 中是必需的，但在 HTML中不是。
manifest屬性給出離線緩存文件的URL。HTML5 引入了應用程序緩存，這意味著 web 應用可被緩存，并可進行離線訪問。如，<html manifest="waibo.manifest">，表示離線緩存文件為waibo.manifest。
3、<head>標簽
<head> 標簽是所有頭部標簽的容器，這些頭部標簽用來定義有關 HTML 文檔的元數據（描述數據的數據）以及所需資源的引用（例如 CSS 樣式文件、JavaScript 腳本文件），對文檔能夠在瀏覽器中正確顯示起到了非常重要的作用。
根據我們的需求，可以在 HTML 頭部定義大量的元數據，也可以定義很少或者根本就不定義。雖然頭部標簽是 HTML 文檔的一部分，但其中的內容并不會顯示在瀏覽器中。
4、<body>標簽
<body> 元素定義文檔的主體。
<body> 元素包含文檔的所有內容，比如文本、超鏈接、圖像、表格、列表等等。
簡單來說：文檔body部分包含訪問者可以看到的內容。
在有了這個基本的結構后，我們后面就可以將HTML的其它元素逐步添加進去，不斷的豐富文檔，最終得到我們希望的頁面。
<body> <p>一個段落</p> <img src="img/1.jpg" width="100" /><br><br> <button>一個按鈕</button><br><br> <input type="text" value="輸入框" /> </body>
注：一個 HTML 文件只能存在一個 <body> 標簽。
擴展知識：head頭部標簽中可包含的元素
1、<title> 標簽
<title> 標簽用來定義 HTML 文檔的標題，只有包含 <title> 標簽的文檔才算是一個有效的 HTML 文檔。另外，一個 HTML 文檔中僅允許存在一個 <title> 標簽，并且 <title> 標簽必須放置在 <head> 標簽中。
注意，在 <title> 標簽內部僅允許包含純文本內容，不能包含其他 HTML 標簽。
<title> 標簽的主要作用如下所示：
在瀏覽器標題欄或者任務欄中顯示標題；
當將頁面添加到收藏夾（書簽）時提供標題；
在搜索結果中顯示頁面標題。
下面的示例演示了如何在 HTML 文檔中使用 <title> 標簽：
<head> <meta charset="utf-8"> <title>億速云-教程_手冊_視頻-免費php在線學習平臺</title> </head>
<title> 標簽的內容必須與當前文檔有關，并且不應該過長，中文頁面請盡量控制在 30 個字符（包括空格）以內。
2、<base> 標簽
<base> 標簽用于為頁面中所有相對鏈接指定一個基本鏈接，當您設置了基本鏈接后，當前頁面中的所有相對鏈接都會使用這個基本鏈接作為前綴，如下例所示：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title><base>標簽演示</title> <base href="http://www.neiyidaogou.com/"> </head> <body> <ul> <li><a href="course.html">視頻教程</a></li> <li><a href="course/type/3.html">入門教程</a></li> </ul> </body> </html>
上面的示例中第一個 <li> 標簽中的超鏈接會被解析為“http://www.neiyidaogou.com/course.html”，第二個 <li> 中的超鏈接會被解析為“http://www.neiyidaogou.com/course/type/3.html”。
注意，HTML 文檔中的 <base> 標簽必須出現在任何引用外部資源的標簽之前，而且一個 HTML 文檔中僅允許定義一個 <base> 標簽。
3、<link> 標簽
<link> 標簽經常用于引用外部 CSS 樣式表，<link> 標簽中包含兩個主要的屬性，分別是 rel 和 href。rel 屬性用來指示引用文件的類型，href 屬性用來設置外部文件的路徑。示例代碼如下：
<head> <title>此處書寫標題</title> <link rel="stylesheet" href="common.css"> </head>
HTML <head> 標簽中可以包含任意數量的 <link> 標簽。
4、<style>標簽
使用 <style> 標簽可以在 HTML 文檔中嵌入 CSS 樣式，需要注意的是在 <style> 標簽中定義的樣式僅對當前 HTML 文檔有效。示例代碼如下：
<head>
<title>此處書寫標題</title>
<style>
body { background-color: YellowGreen; }
h2 { color: red; }
p { color: green; }
</style>
</head>注意：對于文檔中的唯一樣式可以使用 <style> 標簽，但對于在多個文檔中通用的樣式，使用外部樣式表更為合適。關于在 HTML 中嵌入 CSS 的更多內容，請轉到《HTML嵌入CSS樣式（四種方法）》。
5、<meta> 標簽
<meta> 標簽用于提供有關 HTML 文檔的元數據，例如頁面有效期、頁面作者、關鍵字列表、頁面描述等信息。<meta> 標簽定義的數據并不會顯示在頁面上，但卻會被瀏覽器解析。
1) 定義字符集
<meta charset="UTF-8">
charset 屬性用來指定 HTML 文檔的字符編碼，上面的示例中，我們將文檔的字符編碼設置為了“UTF-8”。
2) 定義頁面描述
<meta name="description" content="億速云提供大量免費、原創、高清的php視頻教程，并定期舉行公益php培訓！可邊學習邊在線修改示例代碼，查看執行效果！php從入門到精通，一站式php自學平臺！">
定義頁面的描述信息有利于搜索引擎的搜索。
<title> 標簽定義文檔標題，name="description" 定義文檔描述，描述的長度通常大于標題。
3) 定義關鍵字
<meta name="keywords" content="php教程,php入門教程,php視頻教程,php源碼下載,php手冊">
關鍵字用于為搜索引擎提供與頁面有關的信息。
4) 定義頁面作者
<meta name="author" content="億速云">
通過某些內容管理系統可以自動提取作者信息。
5) 刷新頁面
<meta http-equiv="refresh" content="30">
上例中的代碼用于向瀏覽器發送一個指令，使瀏覽器在經過指定的時間間隔（30 秒）后自動刷新頁面。在 content 屬性中除了可以指定時間間隔外，還可以再指定一個鏈接，這時頁面將在指定的時間后重定向到鏈接所指向的頁面，如下例所示：
<meta http-equiv="refresh" content="10; url=http://www.neiyidaogou.com/">
6、<script> 標簽
<script> 標簽用于定義 JavaScript 腳本，示例代碼如下：
<head>
<title>億速云</title>
<script>
document.write("億速云")
</script>
</head>7、<noscript> 標簽
當用戶的瀏覽器不支持 JavaScript 腳本或者禁用 JavaScript 腳本時，可以在 <noscript> 標簽中定義一些內容來替代不能運行的 JavaScript 腳本或者給用戶一些提示。除了 <script> 標簽外，在 <noscript> 標簽中可以包含任何 HTML 元素，如下例所示：
<head> <title>億速云</title> <noscript> <p>您的瀏覽器不支持 JavaScript 或者您禁用了 JavaScript，請<a href="http://www.neiyidaogou.com/">點擊這里</a>了解如何啟用 JavaScript。</p> </noscript> </head>
以上就是關于“html5文檔一定要有哪個標簽”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
