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

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

寻∝梦
寻∝梦原創
2018-08-25 10:15:577109瀏覽

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

html head標籤的定義與用法:

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

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

下面這些標籤可用在 head 部分:dde6fb694e6711ae5e6f381704c04ae4, 2cdf5bf648cf2f33323966d7f58a7f3f, e8e496c15ba93d81f6ea4fe5f55a2244, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, c9ccee2e6ea535a969eb3f532ad9fe89, 以及 b2386ffb911b14667cb8f0f91ea547a7。

b2386ffb911b14667cb8f0f91ea547a7 定義文件的標題,它是 head 部分中唯一必要的元素。

提示:應該把 93f0f5c25f18dab9d176bd4f6de5d30e 標籤放在文檔的開始處,緊跟在 100db36a723c770d327fc0aef2ce13b1 後面,並且處於 6c04bd5ca3fcae76e30b72ad730ca86d 標籤或 f900b4fc197b16ab214eecf015bb6bd2 標籤之前。

提示:請記得始終為文件規定標題!

HTML93f0f5c25f18dab9d176bd4f6de5d30e標籤實例

一個簡單的HTML 文件,帶有最基本的必需的元素:

<html>
<head>
  <title>文档的标题</title>
</head>
<body>
  文档的内容... ...
</body>
</html>

html head標籤的可選的屬性:

profile  : URL   : 一個由空格分隔的URL 列表,這些URL 包含著有關頁面的元資料資訊。

html head標籤的主要內容:

93f0f5c25f18dab9d176bd4f6de5d30e 標籤用來定義文件的頭部,它是所有頭部元素的容器。 93f0f5c25f18dab9d176bd4f6de5d30e 中的元素可以引用腳本、指示瀏覽器在哪裡找到樣式表、提供元資訊等等。文件的頭部描述了文件的各種屬性和訊息,包括文件的標題、在 Web 中的位置以及和其他文件的關係等。絕大多數文檔頭部包含的資料都不會真正作為內容顯示給讀者。

head位於html網頁的頭部,100db36a723c770d327fc0aef2ce13b1後6c04bd5ca3fcae76e30b72ad730ca86d前的標籤,並以93f0f5c25f18dab9d176bd4f6de5d30e開始以9c3bca370b5104690d9ef395f2c5f8d1結束的一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>

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

b2386ffb911b14667cb8f0f91ea547a7標籤:在b2386ffb911b14667cb8f0f91ea547a7和6e916e0f7d1e588d4f442bf645aedb2f標籤之間的文字內容是網頁的標題訊息,它會出現在瀏覽器的標題列中。網頁的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檔案標籤。

瀏覽器支援

所有瀏覽器都支援 93f0f5c25f18dab9d176bd4f6de5d30e 標籤。

【小編的相關推薦】

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

html5 details標籤的作用是什麼? a5e9d42b316b6d06c62de0deffc36939標籤的使用方法介紹(附使用實例)

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

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