<head>內常用標籤
阿新 • • 發佈:2018-11-15
<!DOCTYPE>
- 位於文件的最前面,在<html>標籤之前,它的作用是告訴瀏覽器該文件使用的是哪種規範
- 宣告文件的解析型別(document.compatMode),避免瀏覽器進入怪異模式
document.compatMode:
怪異模式(BackCompat):瀏覽器使用自己的怪異模式來解析渲染頁面
標準模式(CSS1Compat):瀏覽器使用W3C的標準來解析渲染頁面
這個屬性會被瀏覽器識別並使用,如果不加該宣告,那麼該屬性預設就是BackCompat
<head>內常用標籤
<meta>標籤:
<meta>元素可提供有關頁面的元資訊(meta-information)
<meta>標籤位於文件的頭部,不包含任何內容
提供的資訊使用者不可見
<meta>標籤的組成:
<meta>標籤有兩個屬性,分別是:http-equiv和name,不同的屬性有不同的引數,這些引數值實現了不同的網頁功能
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>