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

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

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

HTML的head標籤在網頁中看不到，那該如何找出網頁中的head標籤呢，首先我們在一個網頁中右擊，點查看源檔案，這裡我以topic.alibabacloud.com作為例子：

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

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

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

一、<title>

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

二、<meta>

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

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

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

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

使用方法 : <meta name="keywords" content="關鍵字1,關鍵字2">

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

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

使用方法 : <meta name="description" content="網頁描述內容">

以下是使用百度搜尋索引鍵”新聞”的時候,出現的結果

三、<link>標籤

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

1.引用外部樣式表

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

注意 :

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

2.設定網頁表徵圖

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

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

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

四、<base>標籤

base標籤是網頁預設開啟檔案的聲明標籤.

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

以上就是本篇文章的全部內容，關於HTML中的head標籤中包含的元素的介紹。（想看更多的標籤知識，歡迎來topic.alibabacloud.com）有問題可以在下方提問。