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