明輝手游網(wǎng)中心:是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

什么是head標(biāo)簽 ?html中head標(biāo)簽的說明

[摘要]本篇文章給大家?guī)淼膬?nèi)容是關(guān)于什么是head標(biāo)簽 ?html中head標(biāo)簽的介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。什么是head標(biāo)簽head 標(biāo)簽是 <head> 元素的內(nèi)容。不像 <body> 元素的內(nèi)容可以顯示在瀏覽器中,head 的內(nèi)容不...
本篇文章給大家?guī)淼膬?nèi)容是關(guān)于什么是head標(biāo)簽 ?html中head標(biāo)簽的介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

什么是head標(biāo)簽

head 標(biāo)簽是 <head> 元素的內(nèi)容。不像 <body> 元素的內(nèi)容可以顯示在瀏覽器中,head 的內(nèi)容不會在瀏覽器中顯示,它的作用是包含一些頁面的元數(shù)據(jù)。在下面的例子中,head 的內(nèi)容很少。

<head>
  <meta charset="utf-8">
  <title>My test page</title>
</head>
  • 元數(shù)據(jù)就是描述數(shù)據(jù)的數(shù)據(jù).

title

元素 <title> 是用來表示整個HTML文檔大致內(nèi)容的元數(shù)據(jù)(不是文檔的內(nèi)容.)
元素 <title> 也被以其他的方式使用著. 比如說,如果你嘗試為某個頁面添加書簽,(Bookmarks > Bookmark This Page, 在火狐瀏覽器中), 你會看到 <title> 的內(nèi)容被作為建議的書簽名.

元數(shù)據(jù)<meta>

元數(shù)據(jù)就是描述數(shù)據(jù)的數(shù)據(jù),而HTML有一個“官方的”方式來為一個文檔添加元數(shù)據(jù),—— <meta> 元素. 當(dāng)然,其他在這篇文章中提到的東西也可以被當(dāng)作元數(shù)據(jù)。 有很多不同種類的 <meta> 元素可以被包含進(jìn)你的頁面的<head>元素, 但是現(xiàn)在我們還不會嘗試去解釋所有類型, 這只會引起混亂。

<meta charset="utf-8">
  • 這個元素簡單的指定了文檔的字符編碼 —— 在這個文檔中被允許使用的字符集。 utf-8
    是一個通用的字符集,它包含了任何人類語言中的大部分的字符。 這意味著你的web頁面可以顯示任意的語言; 許多<meta>
    元素包含了name 和 content 特性.

name 特性指定了meta 元素的類型; 說明該元素包含了什么類型的信息。
content 指定了實(shí)際的元數(shù)據(jù)內(nèi)容。
這兩個meta 元素對于定義你的頁面的作者和提供頁面的內(nèi)容描述是很有用的 。

<meta name="author" content="Chris Mills">
<meta name="description" content="The MDN Learning Area aims to provide
complete beginners to the Web with all they need to know to get
started with developing web sites and applications.">
  • 指定作者在某些情況下是很有用的:如果你需要聯(lián)系頁面的作者,問一些關(guān)于頁面內(nèi)容的問題。
    一些內(nèi)容管理系統(tǒng)能夠自動獲取頁面作者的信息,然后用于某種目的。
    指定包含關(guān)于頁面內(nèi)容的關(guān)鍵字的頁面內(nèi)容的描述是很有用的,因?yàn)樗赡芑蜃屇愕捻撁嬖谒阉饕娴南嚓P(guān)的搜索出現(xiàn)得更多 (這些行為術(shù)語上被稱為
    Search Engine Optimization, or SEO.)

在你的站點(diǎn)增加自定義圖標(biāo)

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

在HTML中應(yīng)用CSS和JavaScript

<link rel="stylesheet" href="my-css-file.css">
  • <link> 元素經(jīng)常位于文檔的頭部,它有2個屬性, rel="stylesheet",表明這是文檔的樣式表,而
    href,包含了樣式表文件的路徑。

<script src="my-js-file.js"></script>
  • <script> 部分沒必要非要放在文檔頭部; 實(shí)際上,把它放在文檔的尾部(在 </body>標(biāo)簽之前)是一個更好的選擇
    ,這樣可以確保在加載腳本之前瀏覽器已經(jīng)解析了HTML內(nèi)容(如果腳本加載某個不存在的元素,瀏覽器會報(bào)錯)。

為文檔設(shè)定主語言

<html lang="en-US">
  • 這在很多方面都很有用。如果你的HTML文檔的語言設(shè)置好了,那么你的HTML文檔就會被搜索引擎更有效地索引
    (例如,允許它在特定于語言的結(jié)果中正確顯示),對于那些使用屏幕閱讀器的視障人士也很有用(比如,
    法語和英語中都有“six”這個單詞,但是發(fā)音卻完全不同)。

相關(guān)推薦:

Html5中video標(biāo)簽的用法:如何自動填充滿父div標(biāo)簽

html提交按鈕標(biāo)簽代碼是什么,怎么使用?(示例)

html頁面中友情鏈接怎么進(jìn)行添加設(shè)置?(代碼示例)

以上就是什么是head標(biāo)簽 ?html中head標(biāo)簽的介紹的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。