HTML中head標簽是什么意思?一篇文章教你正確地使用head標簽
發表時間:2023-09-03 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本篇文章為大家介紹了什么是HTML中的head標簽,head標簽中有哪些元素,看完本篇文章你會對HTML中的頭部標簽head了解的更透徹,本文用簡單的方法讓大家懂得這些標簽怎么使用,都會了的話就能更好的使用head標簽了, 現在讓我們一起閱讀本篇文章吧首先我們要知道什么是HTML中head標簽:h...
本篇文章為大家介紹了什么是HTML中的
head標簽,head標簽中有哪些元素,看完本篇文章你會對HTML中的頭部標簽head了解的更透徹,本文用簡單的方法讓大家懂得這些標簽怎么使用,都會了的話就能更好的使用head標簽了, 現在讓我們一起閱讀本篇文章吧
首先我們要知道什么是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="5;http://www.php.cn">
</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="5;http://www.php.cn">
content屬性里面寫了兩個參數,用分號隔開,表示的意思的是5秒后將跳轉到目標網址頁面去。
第三個說說HTML中head標簽中的<base>標簽:
html的head中base標簽是定義窗口里面的鏈接打開的方式,只要在網頁頭部設置了這個,那么這個網頁就不需要再為超鏈接加這種target屬性了。
<base target=_blank>表示網頁中所有的超鏈接的目標地址都在新建窗口中打開(該屬性會被每個鏈接中的 target 屬性覆蓋。)
給大家介紹base標簽的target屬性的兩個屬性值:
_blank:在新窗口中打開目標網址
_self:在原窗口打開目標網址(瀏覽器默認的)
如果不設置target屬性,點擊網址就會在原網址上直接跳轉到目標網址就想設置了_self一樣。
還有一個就是href屬性,這是設置網址的,有了這個屬性,在點擊這個網址,就會在新的窗口進目標網址,
一般都是這么用的:
<base href="http://www.php.cn" target="_blank"/>
其實還有三個元素,只不過我們現在只是學HTML,所以沒必要會這三個,知道就行了,都是寫在head標簽里面,做個簡單的介紹吧
好了,到這就把head常用的都差不多介紹完了,看完這些,你應該能自己正確的使用HTML中的head頭部標簽了。有什么問題可以在下方提問
【小編的相關推薦】
黑客應該學PHP還是python?理性分析PHP和python的十處差異
什么是HTML文件?HTML文件的初步認識
以上就是HTML中head標簽是什么意思?一篇文章教你正確地使用head標簽的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。