資訊專欄INFORMATION COLUMN
摘要：元信息類標簽，就是用于描述文檔自身的一類標簽。二標簽作為盛放其它語義類標簽的容器使用。五標簽標簽是一組鍵值對，它是一種通用的元信息表示標簽。具有屬性的具有屬性的標簽，表示執行一個命令，可以不需要屬性。
筆記說明
重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【原文有winter的語音】，如有侵權請聯系我，郵箱：kaimo313@foxmail.com。一、什么是元信息類標簽
元信息，是指描述自身的信息。元信息類標簽，就是 HTML 用于描述文檔自身的一類標簽。二、head 標簽
作為盛放其它語義類標簽的容器使用。2.1、注意
1、head 標簽規定了自身必須是 html 標簽中的第一個標簽，它的內容必須包含一個 title，并且最多只能包含一個 base。
2、如果文檔作為 iframe，或者有其他方式指定了文檔標題時，可以允許不包含 title 標簽。
三、title 標簽title 標簽表示文檔的標題，title 應該完整地概括整個網頁內容的。四、base 標簽
base 標簽作用是給頁面上所有的 URL 相對地址提供一個基礎。
上面的代碼里面a標簽的屬性href沒有值，但是當你點擊極客時間，它就會新開一個頁面打開base標簽里的href。
五、meta 標簽meta 標簽是一組鍵值對，它是一種通用的元信息表示標簽。5.1、具有 charset 屬性的 meta
HTML5開始 meta標簽新增 charset 屬性的 meta 標簽無需再有 name 和 content。
charset 型 meta 標簽非常關鍵，它描述了 HTML 文檔自身的編碼形式。建議放在 head 的第一個。
……
5.2、具有 http-equiv 屬性的 meta
具有 http-equiv 屬性的 meta 標簽，表示執行一個命令，可以不需要 name 屬性。
其他命令：
content-language：指定內容的語言
default-style：指定默認樣式表
refresh：刷新
set-cookie：模擬 http 頭 set-cookie，設置 cookie
x-ua-compatible：模擬 http 頭 x-ua-compatible，聲明 ua 兼容性
content-security-policy：模擬 http 頭 content-security-policy，聲明內容安全策略
5.3、name 為 viewport 的 metawidth：頁面寬度，可以取值具體的數字，也可以是 device-width，表示跟設備寬度相等。
height：頁面高度，可以取值具體的數字，也可以是 device-height，表示跟設備高度相等。
initial-scale：初始縮放比例
minimum-scale：最小縮放比例
maximum-scale：最大縮放比例
user-scalable：是否允許用戶縮放
做好了移動端適配的網頁，應該把用戶縮放功能禁止掉，寬度設為設備寬度
5.4、其它預定義的 metaapplication-name：如果頁面是 Web application，用這個標簽表示應用名稱。
author: 頁面作者
description：頁面描述，用于搜索引擎或者其它場合
generator: 生成頁面所使用的工具，主要用于可視化編輯器，如果是手寫 HTML 的網頁，不需要加這個 meta
keywords: 頁面關鍵字，對于 SEO 場景非常關鍵
referrer: 跳轉策略，是一種安全考量
theme-color: 頁面風格顏色，實際并不會影響頁面，但是瀏覽器可能據此調整頁面之外的 UI（如窗口邊框或者 tab 的顏色）
補充：
個人總結
關于這一塊在業務中確實關注比較少，base標簽也是看了winter這篇文章才知道的，加油加油才行。。。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109509.html
摘要：元信息類標簽，就是用于描述文檔自身的一類標簽。二標簽作為盛放其它語義類標簽的容器使用。五標簽標簽是一組鍵值對，它是一種通用的元信息表示標簽。具有屬性的具有屬性的標簽，表示執行一個命令，可以不需要屬性。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入w...
摘要：元信息類標簽，就是用于描述文檔自身的一類標簽。二標簽作為盛放其它語義類標簽的容器使用。五標簽標簽是一組鍵值對，它是一種通用的元信息表示標簽。具有屬性的具有屬性的標簽，表示執行一個命令，可以不需要屬性。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入w...
摘要：二標簽超鏈接型標簽超鏈接型標簽是一種被動型鏈接。四標簽與標簽非常相似，不同的是，它不是文本型的鏈接，而是區域型的鏈接。是整個規則中唯一支持非矩形熱區的標簽。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【原文有winter的語...
摘要：二標簽超鏈接型標簽超鏈接型標簽是一種被動型鏈接。四標簽與標簽非常相似，不同的是，它不是文本型的鏈接，而是區域型的鏈接。是整個規則中唯一支持非矩形熱區的標簽。 筆記說明 重學前端是程劭非（winter）【前手機淘寶前端負責人】在極客時間開的一個專欄，每天10分鐘，重構你的前端知識體系，筆者主要整理學習過程的一些要點筆記以及感悟，完整的可以加入winter的專欄學習【原文有winter的語...
閱讀 675·2021-09-30 09:47
閱讀 2869·2021-09-04 16:40
閱讀 853·2019-08-30 13:18
閱讀 3447·2019-08-29 16:22
閱讀 1551·2019-08-29 12:36
閱讀 583·2019-08-29 11:11
閱讀 1474·2019-08-26 13:47
閱讀 1126·2019-08-26 13:32
