<head>標籤，顧名思義就是HTML文檔的頭標籤，它是所有頭部元素的容器，在head標籤中描述了文檔的各種屬性和基本信息，其中包括文檔標題、編碼方式以及與其它文檔的關係等信息。
頭部元素主要包括一下標籤：
| <base> | <link> | <meta> | <script> | <style> | <title> |
|---|---|---|---|---|---|
| 爲頁面鏈接規定默認地址或目標 | 定義文檔與外部資源的關係 | 提供有關頁面的元信息 | 定義客戶端腳本 | 爲 HTML 文檔定義樣式信息 | 定義文檔的標題 |
<title>標籤
<!DOCTYPE html>
<html lang="en">
<head>
<!--定義網頁標題-->
<title>Matrix官網</title>
</head>
<body>
</body>
</html>
<title></title>標籤包含的內容是網頁的標題，用來告訴瀏覽者和搜索引擎這個網頁的主題是什麼，顯示在瀏覽器標籤頁的標題欄中。
<meta>標籤
<html lang="en">
<head>
<!--定義網頁標題-->
<title>Matrix官網</title>
</head>
<body>
</body>
</html>
對於以上代碼，在Windows環境下，如果我們的HTML文檔中出現了中文，並且通過pycharm右上角的快捷方式打開，在瀏覽器顯示的時候會出現亂碼。
而在文件夾中直接雙擊html文件則不會出現這種情況：
這是因爲pycharm默認採用utf-8編碼，而Windows默認採用gbk編碼，因此當用gbk編碼解釋utf-8編碼的文檔時，必然會出現亂碼。
爲了解決亂碼的問題，最好的方式就是統一編碼，可以通過 <meta>標籤來聲明HTML文檔的編碼方式。
<!DOCTYPE html>
<html lang="en">
<head>
<!--聲明編碼方式-->
<meta charset="UTF-8">
<!--定義網頁標題-->
<title>Matrix官網</title>
</head>
<body>
</body>
</html>
<meta>標籤還可以定義其它與HTML文檔相關的信息，通常以鍵值對的形式被成對傳遞。
常見的 <meta>標籤屬性有兩種：
1.http-equiv屬性
http-equiv屬性用於指示服務器在發送HTML文檔給客戶端瀏覽器之前要發送的鍵值對。
當我們打開一個網頁的時候，比如訪問百度，就是向百度的服務器發起一個請求，讓它給我一個頁面，也就是HTML文檔，但是當我想要看視頻的時候，請求返回的內容則應該是視頻內容，所以，爲了確定返回內容的類型，服務器會在給客戶端發送數據之前先給客戶端發送一些聲明。
例如上述網頁，我們從服務器接收的HTML文檔也要聲明編碼方式，標準的書寫方式爲：
<meta http-equiv="Content-Type" content="text/html">
<meta http-equiv="charset" content="utf-8">
這就是告訴瀏覽器準備接收一個utf-8編碼的html文檔，發送到瀏覽器的頭部信息就是：
Content-Type:text/html
charset:utf-8
2.name屬性
name屬性主要用於定義頁面的關鍵字和描述信息，用於搜索引擎對文檔進行分類。
<!--定義關鍵字-->
<meta name="keywords" content="Matrix, 工作室, 在線學習">
<!--定義描述信息-->
<meta name="description" content="Matrix工作室">