首先我們要知道什么是HTML中head標簽：

head標簽是作用于網頁的頭部，它的內容不會在正文中顯示出來。

html head標簽中的元素：

要學會head標簽，就把里面的元素弄清楚就差不多，其實，head標簽里有不少標簽可以使用，但是正文中的那些 p 、 table 和 h1 標簽都不能在這使用

要說到html head標簽中的元素，第一個能想到的肯定是 title 標簽：

title 標簽定義了網頁的標題，也是必須要有的一個標簽，如果不寫的話，網頁會自動為你添加一個標題，會在一個正常的網頁上都能看到，下圖為一整個HTML中頭部head標簽的使用代碼：（后面有詳細解釋）

 !doctype html  html  head  meta charset= utf-8  title PHP  /title  meta name= keywords content= PHP,PHP   meta name= description content= 網頁描述的內容，這有不少字的，在搜索頁面呈現的  meta http-equiv= refresh content= http://www.survivalescaperooms.com  /head  body hello world /body  /html 

效果圖：

這就是title標簽的效果，顯示出了標題。

第二個說說 meta 標簽：

這個標簽有以下四種用法：

1.這個 mate 標簽講的是在head標簽中的第一行顯示的，是用來設置網頁文檔編碼的，對當前瀏覽器進行聲明這是什么編碼方式，防止瀏覽器出現亂碼。

這個就是這么用的：

 meta charset= utf-8 

這是html5的規范，

HTML4.01的規范是這樣的：

 meta http-equiv= Content-Type content= text/html; charset=utf-8 

2.這個 mate 標簽講的是網頁設置關鍵字用的，是專為搜索引擎提供服務的。

用法是：

 meta name= keywords content= PHP,PHP  

說明：name= keywords 這是固定的寫法，后面的content屬性的屬性值里面就是設置關鍵字的，用逗號隔開。

3.這個 mate 標簽是用于描述網站的，寫在這里如果有相應的描述，就會被搜索引擎將信息顯示在網站的簡介之中

這個的用法是：

 meta name= description content= 網頁描述的內容，這有不少字的，在搜索頁面呈現的 

不好顯示，給個圖看看吧

在那里面設置的文字都會在搜索中以這框里的文字呈現。

4.最后一種 mate 標簽是定義網站重定向的。

用法：

 meta http-equiv= refresh content= http://www.survivalescaperooms.com 

content屬性里面寫了兩個參數，用分號隔開，表示的意思的是5秒后將跳轉到目標網址頁面去。

第三個說說HTML中head標簽中的 base 標簽：

html的head中base標簽是定義窗口里面的鏈接打開的方式，只要在網頁頭部設置了這個，那么這個網頁就不需要再為超鏈接加這種target屬性了。

base target=_blank 表示網頁中所有的超鏈接的目標地址都在新建窗口中打開（該屬性會被每個鏈接中的 target 屬性覆蓋。）

給大家介紹base標簽的target屬性的兩個屬性值：

_blank:在新窗口中打開目標網址

_self:在原窗口打開目標網址（瀏覽器默認的）

如果不設置target屬性，點擊網址就會在原網址上直接跳轉到目標網址就想設置了_self一樣。

還有一個就是href屬性，這是設置網址的，有了這個屬性，在點擊這個網址，就會在新的窗口進目標網址，

一般都是這么用的：

 base href= http://www.survivalescaperooms.com target= _blank / 

其實還有三個元素，只不過我們現在只是學HTML，所以沒必要會這三個，知道就行了，都是寫在head標簽里面，做個簡單的介紹吧

style 這個是這一個網頁中寫css代碼的

link 這個是用于外鏈一個css代碼的（大家應該都知道css可以不寫在一個頁面的吧）

script 這個是用于在當前網頁中插入一段JavaScript代碼的。

好了，到這就把head常用的都差不多介紹完了，看完這些，你應該能自己正確的使用HTML中的head頭部標簽了。有什么問題可以在下方提問

【小編的相關推薦】

黑客應該學PHP還是python？理性分析PHP和python的十處差異

什么是HTML文件？HTML文件的初步認識

以上就是HTML中head標簽是什么意思？一篇文章教你正確地使用head標簽的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。