我們都知道,HTML的標簽可以分為很多種,head 里面的我們稱為元信息類標簽,諸如title、meta、style、link、base、script這些,他們用來描述文檔的一些基本信息。
1. title 標簽
- 可定義文檔的標題。
- <title> 標簽是 <head> 標簽中唯一要求包含的東西。
- 瀏覽器會以特殊的方式來使用標題,並且通常把它放置在瀏覽器窗口的標題欄或狀態欄上。同樣,當把文檔加入用戶的鏈接列表或者收藏夾或書簽列表時,標題將成為該文檔鏈接的默認名稱。
2. meat 標簽
- 元素可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。
- <meta> 標簽永遠位於 head 元素內部。元數據總是以名稱/值的形式被成對傳遞的。
- 設置網頁編碼:防止網頁出現亂碼<meta charset="UTF-8">
必須的屬性:
可選的屬性:
- name 屬性提供了名稱/值對中的名稱。HTML 和 XHTML 標簽都沒有指定任何預先定義的 <meta> 名稱。通常情況下,您可以自由使用對自己和源文檔的讀者來說富有意義的名稱。
- "keywords" 是一個經常被用到的名稱。它為文檔定義了一組關鍵字。某些搜索引擎在遇到這些關鍵字時,會用這些關鍵字對文檔進行分類。
-
"description" 它為文檔定義了描述信息。比如用戶百度搜索“京東”是就會顯示京東網站的描述信息。
- 如果沒有提供 name 屬性,那么名稱/值對中的名稱會采用 http-equiv 屬性的值。
- http-equiv 屬性為名稱/值對提供了名稱。並指示服務器在發送實際的文檔之前先在要傳送給瀏覽器的 MIME 文檔頭部包含名稱/值對。
- 當服務器向瀏覽器發送文檔時,會先發送許多名稱/值對。
- 所有服務器都至少要發送一個:content-type:text/html。這將告訴瀏覽器准備接受一個 HTML 文檔。
- 只有瀏覽器可以接受這些附加的頭部字段,並能以適當的方式使用它們時,這些字段才有意義。
- 使用帶有 http-equiv 屬性的 <meta> 標簽時,服務器將把名稱/值對添加到發送給瀏覽器的內容頭部。例如:
<meta http-equiv="charset" content="iso-8859-1"> <meta http-equiv="expires" content="31 Dec 2008"> // 這樣發送到瀏覽器的頭部就應該包含: content-type: text/html charset:iso-8859-1 expires:31 Dec 2008
- content 屬性提供了名稱/值對中的值。
- 該值可以是任何有效的字符串。
- content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用。
- scheme 屬性用於指定要用來翻譯屬性值的方案。
- 此方案應該在由 <head> 標簽的 profile 屬性指定的概況文件中進行了定義。
3. style 標簽
- 標簽用於為 HTML 文檔定義樣式信息。
- 在 style 中規定在瀏覽器中如何呈現 HTML 文檔。
- type 屬性是必需的,定義 style 元素的內容。唯一可能的值是 "text/css"。
- style 元素位於 head 部分中。
- 如需鏈接外部樣式表,請使用 <link> 標簽。
<style type="text/css"> h1 {
color:red
} p {
color:blue
} </style>
4. link 標簽
link標簽常用的場景有兩種:作為網頁圖標標簽;鏈接外部CSS
- ref屬性:規定當前文檔與被鏈接文檔之間的關系
- href屬性:規定被鏈接文檔的位置
- type屬性:規定被鏈接文檔的 MIME 類型
4.1 作為網頁圖標標簽
<link rel="icon" href="favicon.ico">
4.2 鏈接外部CSS
<link rel="stylesheet" type="text/css" href="css/base.css">
5. base 標簽
標簽為頁面上的所有鏈接規定默認地址或默認目標。通常情況下,瀏覽器會從當前文檔的 URL 中提取相應的元素來填寫相對 URL 中的空白。使用 <base> 標簽可以改變這一點。瀏覽器隨后將不再使用當前文檔的 URL,而使用指定的基本 URL 來解析所有的相對 URL。這其中包括 <a>、<img>、<link>、<form> 標簽中的 URL。
必選屬性:
可選屬性:
6. script 標簽
- 用於定義客戶端腳本,比如 JavaScript。
- script 元素既可以包含腳本語句,也可以通過 src 屬性指向外部腳本文件。
- 必需的 type 屬性規定腳本的 MIME 類型。
- JavaScript 的常見應用時圖像操作、表單驗證以及動態內容更新。
- 假如此元素內部的代碼沒有位於某個函數中,那么這些代碼會在頁面被加載時被立即執行。<frameset> 標簽之后的腳本會被忽略。
必選屬性:
可選屬性:
引入外部js文件:
<script src="js/exercise.js"></script>
編寫內部js代碼:
<script> var num = 7; var sum = 0; while(num<117) { if(num%3==0&&num%2==0) { sum +=num; } num++; } document.write('7到117之間所有能被3整除的偶數的和為:'+sum); </script>