1. 程式人生 > ><head>內常用標籤

<head>內常用標籤

<!DOCTYPE>

  • 位於文件的最前面,在<html>標籤之前,它的作用是告訴瀏覽器該文件使用的是哪種規範
  • 宣告文件的解析型別(document.compatMode),避免瀏覽器進入怪異模式

  document.compatMode:

    怪異模式(BackCompat):瀏覽器使用自己的怪異模式來解析渲染頁面

    標準模式(CSS1Compat):瀏覽器使用W3C的標準來解析渲染頁面

  這個屬性會被瀏覽器識別並使用,如果不加該宣告,那麼該屬性預設就是BackCompat

 


 

<head>內常用標籤

<meta>標籤:

  <meta>元素可提供有關頁面的元資訊(meta-information)

  <meta>標籤位於文件的頭部,不包含任何內容

  提供的資訊使用者不可見

 

<meta>標籤的組成:

  <meta>標籤有兩個屬性,分別是:http-equivname,不同的屬性有不同的引數,這些引數值實現了不同的網頁功能

  

name屬性:主要用於描述網頁,對應的屬性值為content,content包含的內容主要是便於搜尋引擎查詢資訊和分類資訊

 

  keywords和content配合使用:

    keywords:設定網頁搜尋關鍵詞

    content:指定關鍵詞內容

<meta name="keywords" content="這裡是搜尋的關鍵詞">  

  description和content配合使用

    description:設定網頁描述資訊

    content:指定描述資訊內容

<meta name="description" content="描述資訊">

 

 

 

http-equiv屬性:相當於檔案頭的作用,向瀏覽器傳回一些有用的資訊,用於幫助瀏覽器正確的顯示網頁內容,對應的屬性值為content

  指定編解碼格式:

<meta http-equiv="content-type" charset="UTF-8">

上面為完整寫法,等同於

<meta charset="UTF-8">

  自動重新整理,,類似重定向:

<meta http-equiv="Refresh" content="3;URL=https://www.baidu.com/">

表示3秒後重新整理進入百度首頁

  


 

<title>標籤:瀏覽器上頁面的標題

 


 

<link>標籤:引入

  引入title圖示,icon:

 

  引入css檔案:

<link rel="stylesheet" href="index.ces">

  

 


 

 <script>標籤:用於指定客戶端指令碼

<script src="index.js"></script>

<script type="text/javascript">
document.write("Hello World!")
</script>