溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

html中head標(biāo)簽的作用

發(fā)布時(shí)間：2020-12-05 10:39:44 來源：億速云 閱讀：345 作者：小新 欄目：web開發(fā)

這篇文章主要介紹html中head標(biāo)簽的作用，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

什么是head標(biāo)簽

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

<head>
  <meta charset="utf-8">
  <title>My test page</title>
</head>

  • 元數(shù)據(jù)就是描述數(shù)據(jù)的數(shù)據(jù).

title

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

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

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

<meta charset="utf-8">

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

name 特性指定了meta 元素的類型; 說明該元素包含了什么類型的信息。
content 指定了實(shí)際的元數(shù)據(jù)內(nèi)容。
這兩個(gè)meta 元素對(duì)于定義你的頁面的作者和提供頁面的內(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)能夠自動(dò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個(gè)屬性， rel="stylesheet"，表明這是文檔的樣式表，而
     href,包含了樣式表文件的路徑。

<script src="my-js-file.js"></script>

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

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

<html lang="en-US">

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

以上是“html中head標(biāo)簽的作用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手