HTML中我們一般把head部分稱為網頁的頭部。頭部部分的内容雖然不會在頁面中顯示，但它能影響到搜尋引擎對網頁的收錄和排序，以及網頁的各種全局設定，可以說是至關重要。
基底網址的實質是統一設定超級連結的屬性，基底網址标簽是</base>，它有兩個屬性，href和_target。href用于設定基底網址的路徑，_target用于設定超級連結的打開方式。
通過基底網址的添加，頁面中所有的相對網站根目錄位址可轉換成絕對位址。當浏覽器浏覽頁面時，通過<base>标記将相對網站跟目錄位址附加在基底網址路徑的後面，進而轉化成絕對位址。我們首先建立一個base.htm，編寫HTML代碼如下：
<html>
<head>
<title>基底網址的設定</title>
<base href="http://www.google.com" target="_blank" />
</head>
<body>
</body>
</html>
<html>
<head>
<title>基底網址的設定</title>
<base href="http://www.google.com" target="_blank" />
</head>
<body>
</body>
</html>
通過以上代碼對基底網址的設定。Base.htm頁面中的任何超級連結的位址，都将在其前面加上"http://www.google.com",即轉換為絕對位址。并且，頁面中的超級連結打開方式都是打開新視窗。
元資訊标簽是頭部資訊的基本标簽，專業網頁代碼中都對元資訊有詳細設定。元資訊标簽為</meta>，為單标簽。Meta元素提供的資訊對于浏覽使用者是不可見的，一般用于定義頁面資訊的名稱，關鍵字，作者等。在HTML頁面中，一個meta标簽内就是一個meta内容，而在一個HTML頭頁面中可以有多個meta元素。
meta标簽屬性分兩種：頁面描述屬性（name）和http标題資訊（http-equiv）。
name屬性主要用于描述網頁的内容，用于對搜尋引擎的優化，必須重點掌握。正确地設定name屬性，以便搜尋引擎（比如google，baidu）的搜尋機器人查找，分類，搜尋引擎一般都會自動查找meta值來給網頁分類。name的取值如下：
<1>keywords。即關鍵字，用于說明網頁所包含的關鍵字等資訊，進而提高被搜尋引擎搜尋到的機率。編寫格式為<meta name="keywords" content =“關鍵字”/>，content屬性的值為使用者所設定的具體關鍵字。（一般可設定多個關鍵字，他們之間用英文半角的逗号分開，搜尋引擎都限制關鍵字的數量，是以關鍵字内容要簡潔精練）
<2>description。中文意思為"描述"，用于描述網頁的主要内容、主題等，合理設定也可以提高被搜尋引擎搜尋到的機率。格式為<meta name="description" content =“對頁面的描述”/>，content屬性值為使用者所設定的頁面具體描述的内容，最多容納1024個字元，但搜尋引擎一邊隻顯示約前175個字元。
<3>author。作者，用于設定網站作者的名稱，比較專業的網站經常用到。格式為<meta name="author" content =“作者名稱”/>
<4>generator。生成器，用于設定網站編輯工具的名稱，比較專業的網站頁面上經常用到。格式<meta name="generator" content =“網站編輯工具名稱”/>
<5>robots。機器人，用于限制頁面搜尋方式。搜尋引擎的搜尋機器人，沿着網頁上的連結（如http和src連結），不斷地檢索資料建立自己的資料庫。通過這種meta标簽可以限制部分内容不被搜尋引擎檢測到，降低部分資訊公開性。編寫格式為<meta name=“robots” content="指令組合">。該屬性的值包含4個指令，分别是index、noindex、follow、nofollow，根據排列組合，有4種組合。Index和follow組合也可稱為all，noindex和nofollow也可稱為none。
http-equiv屬性的取值具體如下：
<1>content-type，内容類别，用于設定頁面的類别和語言字元集。編寫格式<meta http-equiv=“content-type” context=“text/html”；charset=“gb2312”/>，content屬性的值代表頁面采用HTML代碼輸出，字元集為gb2312（簡體中文），國際化網站開發的話，為了字元統一，建議charset采用utf-8.
<2>refresh。重新整理，用于設定多長時間内網頁自己重新整理一次，或者用一段時間自動跳轉到其他頁面，第一種編寫格式<meta http-equiv=“refresh” context=“30”/>表示隔30秒重新整理一次，第二種編寫格式<meta http-equiv=“refresh” context=“30；url=www.google.com”/>，表示30秒後頁面自動跳轉到www.google.com網站
<3>expires，中文意思為“到期”，用于設定頁面到期時間。一旦網頁過期，必須到伺服器上重新調用網頁。第一種編寫格式為<meta http-equiv=“expires” context=“Wed,10 Mar 2011 12：00：00 GMT”/>，content值代表網頁過期的時間，必須使用GMT時間格式。第二種編寫格式為<meta http-equiv=“expires” context=“30”/>，表示多少秒後過期。
<4>cache-control，緩存控制。用于禁止在緩存中調用網頁，編寫格式為<meta http-equiv=“cache-control” context=“no-cache”/>，no-cache代表不允許緩存。
<5>set-cookie，設定cookie，用于設定本頁面cookie多久過期，編寫格式為<meta http-equiv=“set-cookie” context=“Wed,10 Mar 2011 12：00：00 GMT”/>，代表到這個時間，cookie将被删除。
<1>加入CSS隻需在頭部資訊中加入<style type=“text/css”></style>标簽對。範例代碼如下：
<title>CSS的設定</title>
<style type=“text/css”>
CSS具體内容
</style>
<title>CSS的設定</title>
<style type=“text/css”>
CSS具體内容
</style>
<2>加入JavaScript隻需要在頭部資訊中加入<script type=“text/javascript”></script>标簽對。範例代碼如下：
<script type=“text/javascript”>
JavaScript具體内容
</script>
<script type=“text/javascript”>
JavaScript具體内容
</script>
<1>頁面切換特效，其中一種特效的編寫格式如下：
<meta http-equiv=“page-enter” content=“blendtrans（duration=0.5）”/>
http-equiv屬性的值為page-enter時表進入該頁面時啟用特效，http-equiv屬性的值為page-exit時代表退出（離開）該頁面時啟用特效。
Content屬性的值代表特效的種類，這種特效也叫動态濾鏡。濾鏡種類很多，比如blendtrans就是很常見得一種，效果為淡入淡出，duration值表示效果持續的時間（機關為秒）。
另一種濾鏡特效編寫格式如下：
<meta http-equiv=“page-enter” content=“revealTrans（duration=6）”/>
動态濾鏡revealTrans也可用于頁面進入與退出效果。Duration表示濾鏡特效持續時間（機關為秒），Transition是濾鏡類型，表示想使用哪種特效，取值為0~23。
<2>強制頁面在目前視窗以獨立頁面顯示，可以防止網頁被其他網站架構，編寫格式如下：
<meta http-equiv="window-target" content=“_top">
<3>頁面圖示設定，編寫格式如下：
<link rel="Shortcut Icon" href="/myicon.ico">
href屬性的值是ico圖示檔案的路徑，這裡采用的是相對根目錄路徑。
![vue搭建過程及出現問題[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)