HTML頭部head元素包含關於文檔的概要信息,也被稱為元信息(meta-information),head定義了文檔的信息,title定義了文檔的標題,base定義了頁面鏈接標簽的預設鏈接地址,link定義了一個文檔和外部資源之間的關係,meta定義了HTML文檔中的元數據,script定義了客戶... ...
HTML頭部<head>元素包含關於文檔的概要信息,也被稱為元信息(meta-information)
- <head> 元素包含了所有的頭部標簽元素。在 <head>元素中你可以插入腳本(scripts), 樣式文件(CSS),及各種 meta 信息。
- 可以添加在頭部區域的元素標簽為: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
- <head> 元素描述了文檔的各種屬性和信息,其中包括文檔的標題、在 Web 中的位置以及和其他文檔的關係等。
HTML <title> 元素/<title> 標簽定義了不同文檔的標題,<title> 在 HTML/XHTML 文檔中是必須的(代碼部分為一個簡單的HTML文檔)
- <title> 元素定義了瀏覽器工具欄的標題
- 當網頁添加到收藏夾時,顯示在收藏夾中的標題
- 顯示在搜索引擎結果頁面的標題
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Title of the document</title> 5 </head> 6 <body> 7 The content of the document...... 8 </body> 9 </html>
HTML <base> 元素/<base> 標簽描述了基本的鏈接地址/鏈接目標,該標簽作為HTML文檔中所有的鏈接標簽的預設鏈接,在 HTML 中,<base> 標簽沒有結束標簽;在 XHTML 中,<base> 標簽必須被正確地關閉
1 <head> 2 <base href="https://www.cnblogs.com/dhnblog/" target="_blank"> 3 </head>
HTML <link> 元素/<link> 標簽定義了文檔與外部資源之間的關係,<link> 標簽通常用於鏈接到樣式表:
1 <head> 2 <link rel="stylesheet" type="text/css" href="mystyle.css"> 3 </head>
HTML <style> 元素/<style> 標簽定義了HTML文檔的樣式文件引用地址,在<style> 元素中你需要指定樣式文件來渲染HTML文檔:
1 <head> 2 <style type="text/css"> 3 body {background-color:yellow} 4 p {color:blue} 5 </style> 6 </head>
HTML <meta> 元素/meta標簽描述了一些基本的元數據;<meta> 標簽提供了元數據。元數據也不顯示在頁面上,但會被瀏覽器解析;META元素通常用於指定網頁的描述,關鍵詞,文件的最後修改時間,作者,和其他元數據;元數據可以使用於瀏覽器(如何顯示內容或重新載入頁面),搜索引擎(關鍵詞),或其他Web服務;<meta>一般放置於 <head>區域
<meta> 標簽- 使用實例:
1 為搜索引擎定義關鍵詞: 2 <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> 3 為網頁定義描述內容: 4 <meta name="description" content="Free Web tutorials on HTML and CSS"> 5 定義網頁作者: 6 <meta name="author" content="Hege Refsnes">
每30秒鐘刷新當前頁面:
1 <meta http-equiv="refresh" content="30">
HTML <script> 元素,<script>標簽用於載入腳本文件,如: JavaScript
HTML head 元素如圖: