文件元資料
阿新 • • 發佈:2018-12-31
元資料是描述資料的資訊,元資料不會顯示在頁面上,但是對於機器是可讀的。如果說一篇HTML文件包含資料以及描述資料元資料,那麼元資料就是head元素裡的元素,資料就是放在body元素裡面的。
head裡面包含的元資料系列標籤有title、base、link、style和meta。
1.title
title用於表示文件的標題或者名稱,它能夠:
a.定義瀏覽器工具欄中的標題
b.提供頁面被新增到收藏夾時顯示的標題
c.顯示在搜尋引擎結果中的頁面標題
2.base
base元素用於指定文件的預設基地址以及連結的開啟方式,如:
<head>
<base href="http://www.baidu.com/" />
<base target="_blank" />
</head>
3.link
link 標籤定義文件與外部資源之間的關係,並用rel屬性表示這些資源和文件的關係。
link標籤最常用於連線樣式表:
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
4.style
style 標籤用於為 HTML 文件定義樣式資訊。
<head>
<style type ="text/css">
body {background-color:#ddd;}
p {color:red}
</style>
</head>
5.meta
meta標籤提供關於 HTML 文件的元資料,始終位於 head 元素中。
典型的情況是,meta 元素被用於規定頁面的描述、關鍵詞、文件的作者、最後修改時間以及其他元資料。
元資料可用於瀏覽器(如何顯示內容或重新載入頁面),搜尋引擎(關鍵詞),或其他 web 服務。
<meta charset="UTF-8">
<meta name="viewport" content ="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Type" content="text/html" />
必須的屬性:
content 定義與 http-equiv 或 name 屬性相關的元資訊
可選的屬性:
http-equiv 把 content 屬性關聯到 HTTP 頭部
name 把content屬性關聯到一個名稱
scheme 定義用於翻譯content屬性值的格式