HTML 頭部
HTML<head>
HTML 頭部元素包含關于文檔的概要信息,也被稱為元信息(meta-information)。
查看在線實例
<title> - 定義了HTML文檔的標題
使用 <title> 標簽定義HTML文檔的標題
<base> - 定義了所有鏈接的URL
使用 <base> 定義頁面中所有鏈接默認的鏈接目標地址。
<meta> - 提供了HTML文檔的meta標記
使用 <meta> 元素來描述HTML文檔的描述,關鍵詞,作者,字符集等。
HTML <head> 元素
<head> 元素包含了所有的頭部標簽元素。在 <head>元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種 meta 信息。
可以添加在頭部區域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
<head> 元素描述了文檔的各種屬性和信息,其中包括文檔的標題、在 Web 中的位置以及和其他文檔的關系等。
HTML <title> 元素
<title> 標簽定義了不同文檔的標題。
title 在 HTML/XHTML 文檔中是必須的。
title 元素:
- 定義了瀏覽器工具欄的標題
- 當網頁添加到收藏夾時,顯示在收藏夾中的標題
- 顯示在搜索引擎結果頁面的標題
一個簡單的 HTML 文檔:
實例
<!DOCTYPE html>
<html>
<head>
<title>編程獅(w3cschool.cn)</title>
</head>
<body>
w3cschool隨時隨地學編程!
</body>
</html>
HTML <base> 元素
<base> 標簽描述了基礎的鏈接地址/鏈接目標,該標簽作為HTML文檔中所有的鏈接 規定默認地址或默認目標(target):
<head>
<base >
</head>
提示:在 HTML 中,<base> 標簽沒有綁定標簽;在 XHTML 中,<base> 標簽必須被正確關閉。
HTML <link> 元素
<link> 標簽確定了文檔與外部資源之間的關系。
<link> 標簽通常用于鏈接到樣式表:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
HTML <style> 元素
<style> 標記定義了HTML文檔的樣式文件引用地址。
在<style>元素中你需要指定格式的文件來自流染HTML文件:
實例
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
試一試 ?
HTML <meta> 元素
元數據(元數據)是關于數據的信息。
<meta> 標簽提供關于HTML文檔的元數據。元數據不會顯示在頁面上,但對于機器是可讀的。
典型的情況是,meta元素被用于規定頁面的描述、關鍵詞、文檔的作者、最后修改時間以及其他元數據。
<meta> 標簽開始位置于 head 元素中。
元數據可用于瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他Web服務。
針對搜索引擎的關鍵詞
一些搜索引擎使用元素的名稱和內容屬性來搜索您的頁面。
下面的元元素定義頁面的描述:
<meta name="description" content="Free Web tutorials on HTML, CSS, XML" />
下面的元元素定義頁面的關鍵詞:
<meta name="keywords" content="HTML, CSS, XML" />
name 和 content 屬性的作用是描述頁面的內容。
HTML <script> 元素
<script> 標簽用于加載腳本文件,如:JavaScript。
<script>元素在以下章節會詳細描述。
HTML頭元素
標簽 | 描述 |
---|---|
<head> | 確定了文檔的信息 |
<title> | 確定了文檔的標題 |
<base> | 確定了頁面鏈接標簽的默認鏈接地址 |
<link> | 確定了一個文件和外部資源之間的關系 |
<meta> | 確定了HTML文檔中的元數據 |
<script> | 確定了客戶端的腳本文件 |
<style> | 確定了HTML文檔的格式文件 |