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

在html中如何點出head標簽?head標簽中包含的元素有哪一些?

[摘要]本篇文章主要為大家講述的就是關(guān)于HTML的head標簽的介紹,里面包含的四種元素的介紹和使用說明,還有在網(wǎng)頁中如何找出head標簽的教程,F(xiàn)在開始本篇的文章吧首先我們先解決前面的問題,如何點出head標簽?HTML的head標簽在網(wǎng)頁中看不到,那該如何找出網(wǎng)頁中的head標簽?zāi),首先我們在一個網(wǎng)頁...
本篇文章主要為大家講述的就是關(guān)于HTML的head標簽的介紹,里面包含的四種元素的介紹和使用說明,還有在網(wǎng)頁中如何找出head標簽的教程,F(xiàn)在開始本篇的文章吧

首先我們先解決前面的問題,如何點出head標簽?

HTML的head標簽在網(wǎng)頁中看不到,那該如何找出網(wǎng)頁中的head標簽?zāi),首先我們在一個網(wǎng)頁中右擊,點查看源文件,這里我以PHP中文網(wǎng)作為例子:

tuyi.png

tuer.png

如上面兩個圖所示,這樣就找出網(wǎng)頁中的head標簽了。

在來看看第二個問題,head標簽當(dāng)中包含的元素

今天主要介紹,title\meta\link\base四種標簽的常見用法

一、<title>

title標簽用來設(shè)置網(wǎng)站標題,當(dāng)其為缺省狀態(tài)(未設(shè)置)時,當(dāng)前網(wǎng)頁在瀏覽器中顯示的網(wǎng)站標題為文件的名稱.

二、<meta>

meta標簽通常有以下三種用法

1.設(shè)置網(wǎng)頁編碼,用于告訴瀏覽器當(dāng)前網(wǎng)頁的編碼方式,防止亂碼

使用方法 : <meta charset="utf-8">

2.設(shè)置網(wǎng)頁關(guān)鍵字,為搜索引擎提供服務(wù).

使用方法 : <meta name="keywords" content="關(guān)鍵字1,關(guān)鍵字2">

注意 : name="keywords"為固定寫法;content的屬性值為要設(shè)置的關(guān)鍵字,關(guān)鍵字之間用逗號隔開.

3.設(shè)置網(wǎng)站描述信息,為搜索引擎提供服務(wù).相應(yīng)的描述信息將被顯示在搜索界面的網(wǎng)站簡介中.

使用方法 : <meta name="description" content="網(wǎng)頁描述內(nèi)容">

以下是使用百度搜索關(guān)鍵字”新聞”的時候,出現(xiàn)的結(jié)果

tusan.png

三、<link>標簽

link標簽通常有以下兩種用法

1.引用外部樣式表

使用方法 : <link rel="stylesheet" type="text/css" href="1.css">

注意 :

通過link標簽可同時引用多個外部css文件

2.設(shè)置網(wǎng)頁圖標

使用方法 : <link rel="icon" href="favicon.ico">

注意:href指向圖片的路徑,一般將圖標放置在網(wǎng)站的根目錄下,便于搜索引擎抓取.

注意:圖片不強制要求為ico文件.jpg或者png等圖片格式的文件也可以.

四、<base>標簽

base標簽是網(wǎng)頁默認打開方式的聲明標簽.

使用方法 : <base target="_blank">

以上就是本篇文章的全部內(nèi)容,關(guān)于HTML中的head標簽中包含的元素的介紹。(想看更多的標簽知識,歡迎來PHP中文網(wǎng))有問題可以在下方提問。

【小編推薦】

html p標簽怎么換行?html p標簽添加br換行標簽的應(yīng)用

HTML中的form標簽有什么作用?HTML form標簽的用法解釋

以上就是在html中如何點出head標簽?head標簽中包含的元素有哪些?的詳細內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


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