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