HTML————8、HTML 頭部

FLy_鵬程萬里發表於2018-07-25
HTML

HTML <head> 元素

<head> 元素包含了所有的頭部標籤元素。在 <head>元素中你可以插入指令碼（scripts）, 樣式檔案（CSS），及各種meta資訊。

可以新增在頭部區域的元素標籤為: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <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> 標籤- 使用例項

為搜尋引擎定義關鍵詞:

<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

為網頁定義描述內容:

<meta name="description" content="免費 Web & 程式設計 教程">

定義網頁作者:

<meta name="author" content="Runoob">

每30秒鐘重新整理當前頁面:

<meta http-equiv="refresh" content="30">

HTML <script> 元素

<script>標籤用於載入指令碼檔案，如： JavaScript。

<script> 元素在以後的章節中會詳細描述。

HTML head 元素

標籤 描述
<head> 定義了文件的資訊
<title> 定義了文件的標題
<base> 定義了頁面連結標籤的預設連結地址
<link> 定義了一個文件和外部資源之間的關係
<meta> 定義了HTML文件中的後設資料
<script> 定義了客戶端的指令碼檔案
<style> 定義了HTML文件的樣式檔案

相關文章