首頁 >web前端 >html教學 >在html中如何點出head標籤? head標籤包含的元素有哪些?

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

寻∝梦
寻∝梦原創
2018-08-30 17:17:443995瀏覽

這篇文章主要為大家講述的就是關於HTML的head標籤的介紹,裡麵包含的四種元素的介紹和使用說明,還有在網頁中如何找出head標籤的教程。現在開始本篇的文章吧

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

HTML的head標籤在網頁中看不到,那該如何找出網頁中的head標籤呢,首先我們在一個網頁中右鍵單擊,點查看源文件,這裡我以PHP中文網作為範例:

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

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

如上兩張圖所示,這樣就找出網頁中的head標籤了。

在來看看第二個問題,head標籤當中包含的元素

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

一、

title標籤用來設定網站標題,當其為缺省狀態(未設定)時,目前網頁在瀏覽器中顯示的網站標題為文件的名稱.

二、

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

##1.設定網頁編碼,用於告訴瀏覽器目前網頁的編碼方式,防止亂碼

使用方法:

#2.設定網頁關鍵字,為搜尋引擎提供服務.

使用方法:

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

3.設定網站描述資訊,為搜尋引擎提供服務.對應的描述資訊將會顯示在搜尋介面的網站簡介中.

使用方法:

以下是使用百度搜尋關鍵字」新聞」的時候,出現的結果 

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

三、標籤

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

1.引用外部樣式表

使用方法:

##注意:

透過link標籤可同時引用多個外部css檔案

2.設定網頁圖示

使用方法:

注意:href指向圖片的路徑,一般將圖示放置在網站的根目錄下,便於搜尋引擎抓取.

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

四、標籤

base標籤是網頁預設開啟方式的宣告標籤.

使用方法:

以上就是這篇文章的全部內容,關於HTML中的head標籤所包含的元素的介紹。 (想看更多的標籤知識,歡迎來PHP中文網)有問題可以在下方提問。

【小編推薦】

html p標籤怎麼換行? html p標籤加入br換行標籤的應用程式


HTML中的form標籤有什麼作用? HTML form標籤的用法解釋

#

以上是在html中如何點出head標籤? head標籤包含的元素有哪些?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn