首先我們先解決前面的問題,如何點出head標簽?
HTML的head標簽在網頁中看不到,那該如何找出網頁中的head標簽呢,首先我們在一個網頁中右擊,點查看源文件,這里我以PHP 作為例子:
如上面兩個圖所示,這樣就找出網頁中的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標簽中包含的元素的介紹。(想看更多的標簽知識,歡迎來PHP )有問題可以在下方提問。
【小編推薦】
html p標簽怎么換行?html p標簽添加br換行標簽的應用
HTML中的form標簽有什么作用?HTML form標簽的用法解釋
以上就是在html中如何點出head標簽?head標簽中包含的元素有哪些?的詳細內容,html教程
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。
新聞熱點
疑難解答