HTML中head標簽怎么用-創(chuàng)新互聯(lián)

這篇文章將為大家詳細講解有關HTML中head標簽怎么用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務領域包括：網(wǎng)站制作、成都網(wǎng)站設計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的任城網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！

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

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

html head標簽中的元素：

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

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

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

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>創(chuàng)新互聯(lián)建站</title>
<meta name="keywords" content="PHP,創(chuàng)新互聯(lián)建站">
<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>

效果圖：

HTML中head標簽怎么用

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

第二個說說<meta>標簽：

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

1.這個<mate>標簽講的是在head標簽中的第一行顯示的，是用來設置網(wǎ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>標簽講的是網(wǎng)頁設置關鍵字用的，是專為搜索引擎提供服務的。

用法是：

<meta name="keywords" content="PHP,創(chuàng)新互聯(lián)建站">

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

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

這個的用法是：

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

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

用法：

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

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

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

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

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

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

_blank:在新窗口中打開目標網(wǎng)址
_self:在原窗口打開目標網(wǎng)址（瀏覽器默認的）

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

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

一般都是這么用的：

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

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

<style>這個是這一個網(wǎng)頁中寫css代碼的
<link>這個是用于外鏈一個css代碼的（大家應該都知道css可以不寫在一個頁面的吧）
<script>這個是用于在當前網(wǎng)頁中插入一段JavaScript代碼的。

關于HTML中head標簽怎么用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網(wǎng)頁題目：HTML中head標簽怎么用-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明：http://muchs.cn/article28/cspgjp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供微信小程序、全網(wǎng)營銷推廣、軟件開發(fā)、網(wǎng)站導航、定制開發(fā)、品牌網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容