查看在線實例
<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>。
HTML <title> 元素
<title> 標籤定義了不同文檔的標題。
<title> 在 HTML/XHTML 文檔中是必須的。
<title> 元素:
定義了瀏覽器工具欄的標題
當網頁添加到收藏夾時,顯示在收藏夾中的標題
顯示在搜索引擎結果頁面的標題
一個簡單的 HTML 文檔:
實例
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>文檔標題</title></head> <body>文檔內容......</body> </html>
HTML <base> 元素
<base> 標籤描述了基本的鏈接地址/鏈接目標,該標籤作爲HTML文檔中所有的鏈接標籤的默認鏈接:
<head><base href="http://www.runoob.com/images/" target="_blank"></head>
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標籤描述了一些基本的元數據。
<meta> 標籤提供了元數據.元數據也不顯示在頁面上,但會被瀏覽器解析。
META 元素通常用於指定網頁的描述,關鍵詞,文件的最後修改時間,作者,和其他元數據。
元數據可以使用於瀏覽器(如何顯示內容或重新加載頁面),搜索引擎(關鍵詞),或其他Web服務。
<meta> 一般放置於 <head> 區域
<meta> 標籤- 使用實例
爲搜索引擎定義關鍵詞:
<metaname="keywords"content="HTML, CSS, XML, XHTML, JavaScript">
爲網頁定義描述內容:
<metaname="description"content="免費 Web & 編程 教程">
定義網頁作者:
<metaname="author"content="Runoob">
每30秒鐘刷新當前頁面:
<metahttp-equiv="refresh"content="30">
HTML <script> 元素
<script>標籤用於加載腳本文件,如:JavaScript。
<script> 元素在以後的章節中會詳細描述。
HTML head 元素
標籤 | 描述 |
---|---|
<head> | 定義了文檔的信息 |
<title> | 定義了文檔的標題 |
<base> | 定義了頁面鏈接標籤的默認鏈接地址 |
<link> | 定義了一個文檔和外部資源之間的關係 |
<meta> | 定義了HTML文檔中的元數據 |
<script> | 定義了客戶端的腳本文件 |
<style> | 定義了HTML文檔的樣式文件 |