明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

HTML中head標(biāo)簽是什么意思？一篇文章教你正確地使用head標(biāo)簽

發(fā)表時間：2023-09-03 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本篇文章為大家介紹了什么是HTML中的head標(biāo)簽，head標(biāo)簽中有哪些元素，看完本篇文章你會對HTML中的頭部標(biāo)簽head了解的更透徹，本文用簡單的方法讓大家懂得這些標(biāo)簽怎么使用，都會了的話就能更好的使用head標(biāo)簽了， 現(xiàn)在讓我們一起閱讀本篇文章吧首先我們要知道什么是HTML中head標(biāo)簽：h...
本篇文章為大家介紹了什么是HTML中的head標(biāo)簽，head標(biāo)簽中有哪些元素，看完本篇文章你會對HTML中的頭部標(biāo)簽head了解的更透徹，本文用簡單的方法讓大家懂得這些標(biāo)簽怎么使用，都會了的話就能更好的使用head標(biāo)簽了， 現(xiàn)在讓我們一起閱讀本篇文章吧

首先我們要知道什么是HTML中head標(biāo)簽：

head標(biāo)簽是作用于網(wǎng)頁的頭部，它的內(nèi)容不會在正文中顯示出來。

html head標(biāo)簽中的元素：

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

要說到html head標(biāo)簽中的元素，第一個能想到的肯定是<title>標(biāo)簽：

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)</title>
<meta name="keywords" content="PHP,PHP中文網(wǎng)">
<meta name="description" content="網(wǎng)頁描述的內(nèi)容，這有不少字的，在搜索頁面呈現(xiàn)的">
<meta http-equiv="refresh" content="5;http://www.php.cn">
</head>
<body>
hello world
</body>
</html>

效果圖：

tuyi.png

這就是title標(biāo)簽的效果，顯示出了標(biāo)題。

第二個說說<meta>標(biāo)簽：

這個標(biāo)簽有以下四種用法：

1.這個<mate>標(biāo)簽講的是在head標(biāo)簽中的第一行顯示的，是用來設(shè)置網(wǎng)頁文檔編碼的，對當(dāng)前瀏覽器進行聲明這是什么編碼方式，防止瀏覽器出現(xiàn)亂碼。

這個就是這么用的：

<meta charset="utf-8">

這是html5的規(guī)范，

HTML4.01的規(guī)范是這樣的：

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

2.這個<mate>標(biāo)簽講的是網(wǎng)頁設(shè)置關(guān)鍵字用的，是專為搜索引擎提供服務(wù)的。

用法是：

<meta name="keywords" content="PHP,PHP中文網(wǎng)">

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

3.這個<mate>標(biāo)簽是用于描述網(wǎng)站的，寫在這里如果有相應(yīng)的描述，就會被搜索引擎將信息顯示在網(wǎng)站的簡介之中

這個的用法是：

<meta name="description" content="網(wǎng)頁描述的內(nèi)容，這有不少字的，在搜索頁面呈現(xiàn)的">

不好顯示，給個圖看看吧

tuer.png

在那里面設(shè)置的文字都會在搜索中以這框里的文字呈現(xiàn)。

4.最后一種<mate>標(biāo)簽是定義網(wǎng)站重定向的。

用法：

<meta http-equiv="refresh" content="5;http://www.php.cn">

content屬性里面寫了兩個參數(shù)，用分號隔開，表示的意思的是5秒后將跳轉(zhuǎn)到目標(biāo)網(wǎng)址頁面去。

第三個說說HTML中head標(biāo)簽中的<base>標(biāo)簽：

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

<base target=_blank>表示網(wǎng)頁中所有的超鏈接的目標(biāo)地址都在新建窗口中打開（該屬性會被每個鏈接中的 target 屬性覆蓋。）

給大家介紹base標(biāo)簽的target屬性的兩個屬性值：

  • _blank:在新窗口中打開目標(biāo)網(wǎng)址

  • _self:在原窗口打開目標(biāo)網(wǎng)址（瀏覽器默認的）

如果不設(shè)置target屬性，點擊網(wǎng)址就會在原網(wǎng)址上直接跳轉(zhuǎn)到目標(biāo)網(wǎng)址就想設(shè)置了_self一樣。

還有一個就是href屬性，這是設(shè)置網(wǎng)址的，有了這個屬性，在點擊這個網(wǎng)址，就會在新的窗口進目標(biāo)網(wǎng)址，

一般都是這么用的：

<base href="http://www.php.cn" target="_blank"/>

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

  • <style>這個是這一個網(wǎng)頁中寫css代碼的

  • <link>這個是用于外鏈一個css代碼的（大家應(yīng)該都知道css可以不寫在一個頁面的吧）

  • <script>這個是用于在當(dāng)前網(wǎng)頁中插入一段JavaScript代碼的。

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

【小編的相關(guān)推薦】

黑客應(yīng)該學(xué)PHP還是python？理性分析PHP和python的十處差異

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

以上就是HTML中head標(biāo)簽是什么意思？一篇文章教你正確地使用head標(biāo)簽的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。