前端開發-2-HTML-head標籤
阿新 • • 發佈：2018-11-10
browser英 /'braʊzə/ 美 /'braʊzɚ/ 瀏覽器
explorer英 /ek'splɔːrə(r)/ 美 /ɪk'splɔrɚ/ 探險者，資源管理器
1.index 2.head標籤相關內容 3.常用標籤一 4.常用標籤二 table 5.常用標籤二 form 6.標籤分類
1、index
<!--宣告文件的型別 標記該文件為HTML5的檔案--> <!DOCTYPE html> <!-- 頁面的根節點 --> <!-- html中的標籤都是閉合標籤 閉合標籤包含 雙閉合和單閉合 雙閉合：<html></html> 單閉合：<meta /> --> <html> <head> <!-- 宣告頭部的元資訊 對我們文件 規定編碼格式 --> <meta charset="utf-8"> <!-- 包含頭部的資訊 是一個容器 包含 style title meta script link等 --> </head> <body> <!-- 包含瀏覽器顯示的內容標籤 div p a img input等等 --> 這是我們的文件結構</body> </html>
2、head標籤
文件的標題、編碼方式及URL等資訊,這些資訊大部分是用於提供索引,辯認或其他方面的應用（移動端）的等
3、title標籤
<title>標籤：在<title>和</title>標籤之間的文字內容是網頁的標題資訊，它會顯示在瀏覽器標籤頁的標題欄中。可以把它看成是一個網頁的標題。主要用來告訴使用者和搜尋引擎這個網頁的主要內容是什麼，搜尋引擎可以通過網頁標題，迅速的判斷出當前網頁的主題。
我們接下來做一個小練習，建立一個帶有我們自定義標題內容的網頁：
4、meta標籤
meta標籤的組成：meta標籤共有兩個屬性，它們分別是http-equiv屬性和name屬性，不同的屬性又有不同的引數值，
這些不同的引數值就實現了不同的網頁功能。
常用的meta標籤：
- http-equiv屬性
它用來向瀏覽器傳達一些有用的資訊，幫助瀏覽器正確地顯示網頁內容，與之對應的屬性值為content，content中的內容其實就是各個引數的變數值。
<!--重定向 2秒後跳轉到對應的網址，注意分號--> <meta http-equiv="refresh" content="2;URL=http://www.luffycity.com"> <!--指定文件的內容型別和編碼型別 --> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <!--告訴IE瀏覽器以最高階模式渲染當前網頁--> <meta http-equiv="x-ua-compatible" content="IE=edge">