HTML中標簽的含義


我們都知道,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>

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM