<meta>ï¼å æ°æ®å ç´
åºçº¿
广æ³å¯ç¨
*
èª 2015å¹´7æ èµ·ï¼æ¤ç¹æ§å·²å¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æï¼å¯å¨å¤§å¤æ°è®¾å¤åæµè§å¨çæ¬ä¸æ£å¸¸ä½¿ç¨ã
* æ¤ç¹æ§çæäºé¨åçæ¯æç¨åº¦å¯è½ææä¸åã
HTML <meta> å
ç´ è¡¨ç¤ºé£äºä¸è½ç±å
¶ä» HTML å
ç¸å
³ï¼meta-relatedï¼å
ç´ è¡¨ç¤ºçå
æ°æ®ä¿¡æ¯ãå¦ï¼<base>ã<link>ã<script>ã<style> æ <title>ã
| å 容åç±» |
å
æ°æ®å
容ã妿 itemprop 屿§åå¨ï¼æµå¼å
容ãåæ®µå
容
|
|---|---|
| å 许çå 容 | æ ï¼è¿æ¯ä¸ä¸ªç©ºå ç´ ã |
| æ ç¾çç¥ | ç±äºè¿æ¯ä¸ä¸ªç©ºå ç´ ï¼æä»¥å¿ é¡»æå¼å§æ ç¾å¹¶ä¸ä¸è½æç»ææ ç¾ã |
| å 许çç¶å ç´ |
|
| é»è®¤çæ éç¢è§è² | 没æç¸åºçè§è² |
| å è®¸çæ éç¢è§è² | 没æå
许çè§è²ï¼roleï¼ |
| DOM æ¥å£ | HTMLMetaElement |
<meta> å
ç´ å®ä¹çå
æ°æ®çç±»åå
æ¬ä»¥ä¸å ç§ï¼
- å¦æè®¾ç½®äº
name屿§ï¼<meta>å ç´ æä¾çæ¯ææ¡£çº§å«ï¼document-levelï¼çå æ°æ®ï¼åºç¨äºæ´ä¸ªé¡µé¢ã - å¦æè®¾ç½®äº
http-equiv屿§ï¼<meta>å ç´ åæ¯ç¼è¯æä»¤ï¼æä¾çä¿¡æ¯ä¸ç±»ä¼¼å½åç HTTP 头é¨ç¸åã - å¦æè®¾ç½®äº
charset屿§ï¼<meta>å ç´ æ¯ä¸ä¸ªå符é声æï¼åè¯ææ¡£ä½¿ç¨åªç§å符ç¼ç ã - å¦æè®¾ç½®äº
itemprop屿§ï¼<meta>å ç´ æä¾ç¨æ·å®ä¹çå æ°æ®ã
屿§
æ¤å ç´ å æ¬å ¨å±å±æ§ã
夿³¨ï¼name 屿§å¨ <meta> å
ç´ ä¸å
·æç¹æ®çè¯ä¹ï¼å¦å¤ï¼å½ä¸ä¸ª <meta> æ ç¾ä¸ï¼æ nameãhttp-equiv æè
charset ä¸è
ä¸ä»»ä½ä¸ä¸ªå±æ§æ¶ï¼itemprop 屿§ä¸è½è¢«ä½¿ç¨ã
charset-
è¯¥å±æ§å£°æäºææ¡£çå符ç¼ç ã妿åå¨è¯¥å±æ§ï¼åå ¶å¼å¿ é¡»æ¯å符串
"utf-8"çä¸åºå ASCII 大å°åçå¹é ï¼å 为 UTF-8 æ¯ HTML5 ææ¡£çå¯ä¸ææç¼ç ã声æå符ç¼ç ç<meta>å ç´ å¿ é¡»å®å ¨ä½äºææ¡£çå 1024 个åèå ã content-
æ¤å±æ§å å«
http-equivæname屿§çå¼ï¼å ·ä½åå³äºæä½¿ç¨çå¼ã http-equiv-
屿§å®ä¹äºä¸ä¸ªç¼è¯æç¤ºæä»¤ãè¿ä¸ªå±æ§å«å
http-equiv(alent)æ¯å 为ææå 许çå¼é½æ¯ç¹å® HTTP æ 头çåç§°ï¼å¦ä¸ï¼-
content-security-policyå 许页é¢ä½è å®ä¹å½å页é¢çå 容çç¥ãå 容çç¥å¸¸ç¨æ¥æå®å 许çæå¡å¨æºåèæ¬ç«¯ç¹ï¼è¿æå©äºé²æ¢è·¨ç«ç¹èæ¬æ»å»ã -
content-type声æ MIME ç±»ååææ¡£çå符ç¼ç ãå¦æä½¿ç¨content-type屿§ï¼ä¸ä¹å¨åä¸ä¸ª<meta>å ç´ ä¸ä½¿ç¨çcontent屿§çå¼å¿ é¡»æ¯"text/html; charset=utf-8"ãè¿ç¸å½äºä¸ä¸ªå ·ææå®charset屿§ç<meta>å ç´ ï¼å¹¶å¯¹å ¶å¨ææ¡£ä¸çæ¾ç½®ä½ç½®æç¸åçéå¶ã注æï¼è¯¥å±æ§åªè½ç¨äº MIME ç±»å为text/htmlçææ¡£ï¼ä¸è½ç¨äº MIME ç±»å为 XML çææ¡£ã -
default-style设置é»è®¤ CSS æ ·å¼è¡¨ç»çåç§°ã
-
x-ua-compatible妿æå®ï¼åcontent屿§å¿ é¡»å ·æå¼"IE=edge"ãç¨æ·ä»£çå¿ é¡»å¿½ç¥æ¤æç¤ºã -
refreshè¿ä¸ªå±æ§æå®ï¼- 页é¢éæ°å è½½çç§æ°ââä»
å½
content屿§å å«éè´æ´æ°æ¶ã - 页é¢éå®åå°æå®é¾æ¥çç§æ°ââä»
å½ content 屿§å
å«éè´æ´æ°åè·å符串â
;url=âåææç URL æ¶ã
è¦åï¼
设置äº
refreshå¼ç页é¢å卿¶é´é´éè¿ççé£é©ãåå©å±å¹é 读å¨çè¾ å©ææ¯è¿è¡å¯¼èªçç¨æ·å¯è½æ æ³å¨èªå¨éå®åä¹åé读åç解页é¢å 容ãçªç¶çãæªéç¥ç页é¢å å®¹æ´æ°ä¹å¯è½ä¼è®©è§åä½ä¸ç人迷失æ¹åã- MDN Understanding WCAG, Guideline 2.1 explanations
- MDN Understanding WCAG, Guideline 3.1 explanations
- Understanding Success Criterion 2.2.1 | W3C Understanding WCAG 2.0
- Understanding Success Criterion 2.2.4 | W3C Understanding WCAG 2.0
- Understanding Success Criterion 3.2.5 | W3C Understanding WCAG 2.0
- 页é¢éæ°å è½½çç§æ°ââä»
å½
-
name-
nameåcontent屿§å¯ä»¥ä¸èµ·ä½¿ç¨ï¼ä»¥å - å¼å¯¹çæ¹å¼ç»ææ¡£æä¾å æ°æ®ï¼å ¶ä¸ name ä½ä¸ºå æ°æ®çåç§°ï¼content ä½ä¸ºå æ°æ®çå¼ã 卿 åå æ°æ®åç§°ä¸æ¥ç HTML è§èçè§èä¸å®ä¹çæ åå æ°æ®åç§°ã
示ä¾
<meta charset="utf-8" />
<!-- Redirect page after 3 seconds -->
<meta http-equiv="refresh" content="3;url=https://www.mozilla.org" />
è§è
| è§è |
|---|
| HTML > # the-meta-element > |