首頁 > web前端 > html教學 > html head標籤(網頁頭部標籤)元素介紹及完整用法範例

html head標籤(網頁頭部標籤)元素介紹及完整用法範例

寻∝梦
發布: 2018-08-25 10:15:57
原創
7119 人瀏覽過

本篇文章介紹了html head各個組成部分,包含了html中head中使用的一些常用標籤,後面透過實例向php中文網的網友們示範了這些標籤的使用方法,並有完整的案例展示一個網頁的的頭部代碼。

html head標籤的定義與用法:

標籤用來定義文件的頭部,它是所有頭部元素的容器。 中的元素可以引用腳本、指示瀏覽器在哪裡找到樣式表、提供元資訊等等。

文件的頭部描述了文件的各種屬性和信息,包括文件的標題、在 Web 中的位置以及和其他文件的關係等。絕大多數文檔頭部包含的資料都不會真正作為內容顯示給讀者。

下面這些標籤可用在 head 部分:, , ,

結束的一html標籤。

html head標籤的使用實例:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>认识head标签</title>
    </head>
    <body>
        <h1>欢迎来到PHP中文网</h1>
    </body>
</html>
登入後複製

文件的頭部描述了文檔的各種屬性和信息,包括文檔的標題等。絕大多數文檔頭部包含的資料都不會真正作為內容顯示給讀者。

標籤:在<title>和標籤之間的文字內容是網頁的標題訊息,它會出現在瀏覽器的標題列中。網頁的title標籤用來告訴使用者和搜尋引擎這個網頁的主要內容是什麼,搜尋引擎可以透過網頁標題,快速的判斷出網頁的主題。每個網頁的內容都是不同的,每個網頁都應該有一個獨一無二的title。

html head標籤中的title標籤的實例:

<head>
    <title>hello world</title>
</head>
登入後複製

html head標籤中包含的元素:

title ,base,link,meta,script,style等常用標籤。

html head標籤中包含的元素解釋:

  • #title是網頁唯一標題標籤-title標籤

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

  • link是一個連結標籤,包括外部css檔案引用、js檔案引用、favicon.ico圖示引用等作用link介紹

  • meta包含廣泛的內容標籤,如網頁關鍵字、網頁介紹、作者、網頁編碼、robots、自動跳轉等聲明及說明標籤。 meta介紹

  • script是引入外部js檔案作用

  • #style直接嵌入網頁的js或css檔案標籤。

瀏覽器支援

所有瀏覽器都支援 標籤。

【小編的相關推薦】

HTML font標籤的color屬性是什麼? fontcolor的用法介紹(附顏色代碼表)

html5 details標籤的作用是什麼?

標籤的使用方法介紹(附使用實例)

以上是html head標籤(網頁頭部標籤)元素介紹及完整用法範例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板