11、HTML ＜head＞标签
上一節我們介紹了 HTML 的基本結構，在 HTML 的基本結構中，使用 標簽來定義頭部的內容。接下來我們一起看一下 標簽內部又可以放哪些內容（或標簽）呢？
請讀者先看一段代碼：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="expires" content="31 Dec 2090"><title>文檔的標題</title><link rel="stylesheet" href="url"><style></style><script src="url"></script> </head> <body> </body> </html>從這段代碼中我們可以看出，<meta>、<title>、<link>、
1. <title>標簽
<title> 標簽用來表示文檔的標題，我們通過一段簡單的代碼來加以說明：
<!DOCTYPE html> <html lang="en"> <head><title>文檔的標題</title> </head> <body> </body> </html>運行效果如下圖所示：
2. <link>標簽
在 HTML 中，允許使用 <link> 標簽配合 href 屬性來引用外部 CSS（Casecading Style Sheets）文件，其中 href 屬性值為外部 CSS 文件的路徑。在 CSS 章節中會詳細進行講解，這里不做過多解釋。
3. <style>標簽
<style> 標簽同 <link> 標簽類似，不同的是，<link> 標簽是引用外部 CSS 樣式文件，而 <style> 標簽則是用來在內部編寫 CSS 樣式。
我們建議在 <head> 標簽中使用 <link> 或 <style> 標簽，而不是在其他標簽中使用。當瀏覽器加載頁面時，會自上而下執行代碼。如果這兩個標簽寫的靠近下方，在加載頁面樣式時，可能會有短暫的延遲，影響用戶使用效果。
4. <script>標簽
<script> 標簽用來引入外部文件。與 <link> 標簽不同的是，<script> 標簽配合 src 屬性引入外部 JavaScript 文件，而 <link> 標簽則是配合 href 屬性引用外部 CSS 文件。一個是使用 href，另一個是使用 src，那么它們到底有什么區別呢？
5. href與src的區別
src 是 source 的簡寫，表示來源地址，用來引入地址中的內容。引入的內容會嵌入到當前標簽所在的位置，所以瀏覽器在解析引入文件時，會停止對后續文檔的處理，直到 src 的內容加載完畢。
href 是 Hypertext Reference 的簡寫，表示超文本引用。在使用 href 時，瀏覽器不會停止解析當前文件。因為 href 屬性中的內容只是與當前頁面有關聯，然后當前頁面對它進行一次引用。
提示：以上講到的標簽不是必須寫在 <head></head> 里面，只是 <head> 里面可以寫入這些標簽。例如， <script>標簽我們就不建議寫在 <head></head> 內部，因為瀏覽器在解析 src 的路徑時會停下對后續文檔的處理，造成頁面的短暫阻塞。
《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的11、HTML ＜head＞标签的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 10、HTML的基本结构
- 下一篇： 12、HTML ＜form＞标签（表单）