å ¨å±å±æ§
å ¨å±å±æ§æ¯ææ HTML å ç´ å ±æç屿§ï¼å®ä»¬å¯ä»¥ç¨äºææå ç´ ï¼å³ä½¿å±æ§å¯è½å¯¹æäºå ç´ ä¸èµ·ä½ç¨ã
æä»¬å¯ä»¥å¨ææç HTML å
ç´ ï¼çè³æ¯å¨æ åéæ²¡ææå®çå
ç´ ä¸æå®å
¨å±å±æ§ãè¿æå³çä»»ä½éæ åå
ç´ ä»å¿
é¡»è½å¤å
许åºç¨è¿äºå±æ§ï¼å³ä½¿ä½¿ç¨è¿äºå
ç´ æå³çææ¡£ä¸åæ¯ HTML5 å
¼å®¹çãä¾å¦ï¼è½ç¶ <foo> 䏿¯ä¸ä¸ªææç HTML å
ç´ ï¼ä½æ¯ HTML5 å
¼å®¹çæµè§å¨éèäºæ 记为 <foo hidden>â¦</foo> çå
容ã
é¤äºåºæ¬ç HTML å ¨å±å±æ§ä¹å¤ï¼è¿åå¨ä»¥ä¸å ¨å±å±æ§ï¼
xml:langåxml:baseââ两è 齿¯ä» XHTML è§èç»§æ¿ä¸è¢«å¼ç¨ï¼ä½ä¸ºäºå ¼å®¹æ§è被ä¿ççã- ARIA
roleåå¤éaria-*ç¶æå屿§ï¼ç¨äºä¿è¯æ éç¢ã - äºä»¶å¤çå¨å±æ§ï¼
onabortãonautocompleteãonautocompleteerrorãonblurãoncancelãoncanplayãoncanplaythroughãonchangeãonclickãoncloseãoncontextmenuãoncuechangeãondblclickãondragãondragendãondragenterãondragleaveãondragoverãondragstartãondropãondurationchangeãonemptiedãonendedãonerrorãonfocusãoninputãoninvalidãonkeydownãonkeypressãonkeyupãonloadãonloadeddataãonloadedmetadataãonloadstartãonmousedownãonmouseenterãonmouseleaveãonmousemoveãonmouseoutãonmouseoverãonmouseupãonmousewheelãonpauseãonplayãonplayingãonprogressãonratechangeãonresetãonresizeãonscrollãonseekedãonseekingãonselectãonshowãonsortãonstalledãonsubmitãonsuspendãontimeupdateãontoggleãonvolumechangeãonwaitingã
å ¨å±å±æ§å表
accesskey-
为å½åå ç´ æä¾ä¸ä¸ªçæé®çå¿«æ·é®çæç¤ºãè¯¥å±æ§ç±ä¸ä¸ªç©ºæ ¼åéçå符åè¡¨ç»æãæµè§å¨åºè¯¥ä½¿ç¨è®¡ç®æºé®çå¸å±ä¸åå¨ç第ä¸ä¸ªå符ã
autocapitalize-
æ§å¶ç¨æ·çææ¬è¾å ¥æ¯å¦åå¦ä½èªå¨å¤§åï¼å®å¯ä»¥æä»¥ä¸çå¼ï¼
offænoneï¼ä¸åºç¨èªå¨å¤§åï¼ææåæ¯é½é»è®¤ä¸ºå°å忝ï¼ãonæsentencesï¼æ¯ä¸ªå¥åç第ä¸ä¸ªåæ¯é»è®¤ä¸ºå¤§ååæ¯ï¼ææå ¶ä»åæ¯é½é»è®¤ä¸ºå°å忝ãwordsï¼æ¯ä¸ªåè¯ç第ä¸ä¸ªåæ¯é»è®¤ä¸ºå¤§ååæ¯ï¼ææå ¶ä»åæ¯é½é»è®¤ä¸ºå°å忝ãcharactersï¼ææç忝é½åºè¯¥é»è®¤ä¸ºå¤§åã
autofocus-
表示ä¸ä¸ªå ç´ å°å¨é¡µé¢å è½½æ¶èªå¨èç¦ï¼æè å¨å ¶æå±ç
<dialog>æ¾ç¤ºæ¶è¢«èç¦ãè¯¥å±æ§æ¯ä¸ä¸ªå¸å°å¼ï¼åå§å为 falseã class-
ä¸ä¸ªä»¥ç©ºæ ¼åéçå ç´ çç±»åå表ï¼å®å 许 CSS å Javascript éè¿ç±»éæ©å¨æ DOM æ¹æ³
Document.getElementsByClassName()æ¥éæ©å访é®ç¹å®çå ç´ ã contenteditable-
ä¸ä¸ªæä¸¾å±æ§ï¼è¡¨ç¤ºå ç´ æ¯å¦å¯è¢«ç¨æ·ç¼è¾ã妿å¯ä»¥ï¼æµè§å¨ä¼è°æ´å ç´ çé¨ä»¶ä»¥å 许ç¼è¾ãè¯¥å±æ§å¿ é¡»æ¯ä¸åå¼ä¹ä¸ï¼
trueæè 空å符串ï¼è¡¨æå ç´ æ¯å¯è¢«ç¼è¾çï¼falseï¼è¡¨æå ç´ ä¸è½è¢«ç¼è¾ã
data-*-
å½¢æä¸ç±»å±æ§ï¼ç§°ä¸ºèªå®ä¹æ°æ®å±æ§ï¼å è®¸å¨ HTML åå ¶ DOM 表示ä¹é´äº¤æ¢ä¸æä¿¡æ¯ï¼å¯ç±èæ¬ä½¿ç¨ãææè¿äºèªå®ä¹æ°æ®å±æ§é½å¯ä»¥éè¿æå±å ç´ ç
HTMLElementæ¥å£æ¥è®¿é®ãéè¿HTMLElement.dataset屿§å¯ä»¥è®¿é®å®ä»¬ã dir-
ä¸ä¸ªæç¤ºå ç´ ä¸ææ¬æ¹åçæä¸¾å±æ§ãå®çåå¼å¦ä¸ï¼
ltrï¼æä»å·¦å°å³ï¼ç¨äºé£ç§ä»å·¦åå³ä¹¦åçè¯è¨ï¼æ¯å¦è±è¯ï¼ï¼rtlï¼æä»å³å°å·¦ï¼ç¨äºé£ç§ä»å³å左书åçè¯è¨ï¼æ¯å¦é¿æä¼¯è¯ï¼ï¼autoï¼æç±ç¨æ·ä»£çå³å®æ¹åãå®å¨è§£æå ç´ ä¸å符æ¶ä¼è¿ç¨ä¸ä¸ªåºæ¬ç®æ³ï¼ç´å°åç°ä¸ä¸ªå ·æå¼ºæ¹åæ§çå符ï¼ç¶åå°è¿ä¸æ¹ååºç¨äºæ´ä¸ªå ç´ ã
draggable-
ä¸ç§æä¸¾å±æ§ï¼æç¤ºæ¯å¦å¯ä»¥ä½¿ç¨ Drag and Drop API æå¨å ç´ ãå®å¯ä»¥æä»¥ä¸çå¼ï¼
true, è¿è¡¨æå ç´ å¯è¢«æå¨ï¼false, è¿è¡¨æå ç´ ä¸å¯è¢«æå¨ã
enterkeyhint-
æç¤ºå¨èæé®çä¸ä¸ºå车é®åç°ä»ä¹å¨ä½æ ç¾ï¼æå¾æ ï¼ã
exportparts-
ç¨äºå°éèé¨åä»ä¸ä¸ªåµå¥çå½±åæ ï¼shadow treeï¼ä¸è¿æ¸¡æ§å°å¯¼åºå°ä¸ä¸ªå å«è¯¥æ çå¸¸è§æ ï¼light treeï¼ä¸ã
-
ä¸ä¸ªæä¸¾ç屿§ï¼è¡¨ç¤ºè¯¥å ç´ è¿æ²¡æï¼æè ä¸åç¸å ³ãä¾å¦ï¼å®å¯ä»¥ç¨æ¥éè页é¢ä¸çå ç´ ï¼è¿äºå ç´ å¨ç»å½è¿ç¨å®æä¹åä¸è½ä½¿ç¨ãæµè§å¨ä¸ä¼æ¸²æè¿æ ·çå ç´ ãè¿ä¸ªå±æ§ä¸è½ç¨æ¥éèå¯ä»¥åæ³æ¾ç¤ºçå 容ã
id-
å®ä¹å¯ä¸æ è¯ç¬¦ï¼IDï¼ï¼è¯¥æ è¯ç¬¦å¨æ´ä¸ªææ¡£ä¸å¿ é¡»æ¯å¯ä¸çãå ¶ç®çæ¯å¨é¾æ¥ï¼ä½¿ç¨ç段æ è¯ç¬¦ï¼ï¼èæ¬ææ ·å¼ï¼ä½¿ç¨ CSSï¼æ¶æ è¯å ç´ ã
inert-
ä¸ä¸ªå¸å°å¼ï¼ä½¿æµè§å¨å¿½ç¥è¯¥å ç´ çç¨æ·è¾å ¥äºä»¶ã卿ç¹å»äºä»¶çæ åµä¸å¾æç¨ã
inputmode-
åæµè§å¨æä¾æå ³å¨ç¼è¾æ¤å ç´ æå ¶å 容æ¶è¦ä½¿ç¨çèæé®çé 置类åçæç¤ºã主è¦ç¨äº
<input>å ç´ ï¼ä½å¨contenteditable模å¼ä¸å¯ç¨äºä»»ä½å ç´ ã is-
å 许æå®æ å HTML å ç´ çè¡ä¸ºå¦å已注åçèªå®ä¹å ç½®å ç´ ä¸æ ·ï¼æå ³æ´å¤è¯¦ç»ä¿¡æ¯ï¼è¯·åé 使ç¨èªå®ä¹å ç´ ï¼ã
夿³¨ï¼
item*屿§æ¯ WHATWG HTML å¾®æ°æ®ç¹æ§çä¸é¨åã itemid-
项çå¯ä¸å ¨å±æ è¯ç¬¦ã
itemprop-
ç¨äºå项添å 屿§ãæ¯ä¸ª HTML å ç´ é½å¯ä»¥æå®ä¸ä¸ª
itemprop屿§ï¼å ¶ä¸itempropç±ä¸ä¸ªåç§°åå¼å¯¹ç»æã itemref-
åªæä¸æ¯å ·æ
itemscope屿§çå ç´ çå代ï¼å®ç屿§æå¯ä»¥ä¸ä½¿ç¨itemref项ç®ç¸å ³èã宿ä¾äºå ç´ ID å表ï¼è䏿¯itemidï¼ä»¥åææ¡£ä¸å ¶ä»ä½ç½®çå ¶ä»å±æ§ã itemscope-
itemscopeï¼é常ï¼ä¸itemtypeä¸èµ·ä½¿ç¨ï¼ä»¥æå®å å«å¨å ³äºç¹å®é¡¹ç®ä»£ç åä¸ç HTMLãitemscopeåå»ºæ°æ®é¡¹å¹¶å®ä¹ä¸ä¹å ³èçitemtypeçèå´ãitemtypeæ¯æè¿°é¡¹åå ¶å±æ§ä¸ä¸æçè¯æ±è¡¨ï¼ä¾å¦ schema.orgï¼çææ URLã itemtype-
æå®å°ç¨äºå¨æ°æ®ç»æä¸å®ä¹
itempropsï¼é¡¹å±æ§ï¼çè¯æ±è¡¨ç URLãitemscopeç¨äºè®¾ç½®æ°æ®ç»æä¸æitemtype设置çè¯æ±è¡¨ççæèå´ã lang-
帮å©å®ä¹å ç´ çè¯è¨ï¼ä¸å¯ç¼è¾å ç´ æå¨çè¯è¨ï¼æè åºè¯¥ç±ç¨æ·ç¼åçå¯ç¼è¾å ç´ çè¯è¨ãè¯¥å±æ§å å«ä¸ä¸ªâè¯è¨æ è®°âï¼ç±ç¨è¿å符åéçâè¯è¨åæ è®°âç»æï¼ï¼æ ¼å¼å¨ RFC 5646: Tags for Identifying Languagesï¼ä¹ç§°ä¸º BCP 47ï¼ ä¸å®ä¹ãxml:lang ä¼å äºå®ã
nonce-
ä¸ä¸ªå å¯ç nonceï¼âåªä½¿ç¨ä¸æ¬¡çæ°åâï¼ï¼å¯ä»¥è¢«å 容å®å ¨çç¥ä½¿ç¨ï¼ä»¥ç¡®å®æ¯å¦å 许è¿è¡ç»å®çè·åã
part-
å ç´ çé¨ä»¶åç§°çç©ºæ ¼åéå表ãPart åç§°å 许 CSS éè¿
::part伪å ç´ éæ©åè®¾ç½®å½±åæ ä¸çç¹å®å ç´ ã popover-
ç¨äºå°æä¸ªå ç´ æå®ä¸ºå¼¹åºå¼å ç´ ï¼è¯¦è§ Popover APIï¼ãå¼¹åºå¼å ç´ éè¿
display: noneéèï¼ç´å°éè¿è°ç¨/æ§å¶å ç´ ï¼å³<button>æ<input type="button">带æpopovertarget屿§ï¼æHTMLElement.showPopover()è°ç¨èæå¼ã role-
Role å®ä¹äºå 容çè¯ä¹ï¼å 许å±å¹é 读å¨åå ¶ä»å·¥å ·ä»¥ç¬¦åç¨æ·å¯¹è¯¥ç±»åå¯¹è±¡çææçæ¹å¼æ¥å±ç¤ºåæ¯æä¸è¯¥å¯¹è±¡çäºå¨ã
roles以role="role_type"ç形弿·»å å° HTML å ç´ ä¸ï¼å ¶ä¸role_typeæ¯ ARIA è§èä¸çä¸ä¸ªè§è²åç§°ã slot-
å°å½±å DOM å½±åæ ä¸çä¸ä¸ªç©ºæ§½åé ç»ä¸ä¸ªå ç´ ï¼å ·æ
slot屿§çå ç´ è¢«åé ç»ç±<slot>å ç´ å建ç空槽ï¼å ¶name屿§çå¼ä¸slot屿§çå¼å¹é ã spellcheck-
æä¸¾å±æ§ï¼å®ä¹æ¯å¦å¯ä»¥æ£æ¥å ç´ æ¯å¦å卿¼åé误ãå®å¯è½å ·æä»¥ä¸å¼ï¼
trueæç©ºå符串ï¼è¡¨ç¤ºå¦æå¯è½ï¼åºæ£æ¥å ç´ æ¯å¦å卿¼åé误ï¼falseï¼è¡¨ç¤ºä¸åºæ£æ¥å ç´ çæ¼åé误ã
style-
嫿è¦åºç¨äºå ç´ ç CSS æ ·å¼å£°æã请注æï¼å»ºè®®å¨åç¬çæä»¶ä¸å®ä¹æ ·å¼ãè¯¥å±æ§å
<style>å ç´ ä¸»è¦ç¨äºå¿«éæ·»å æ ·å¼ï¼ä¾å¦ç¨äºæµè¯ç®çã tabindex-
æ´æ°å±æ§ï¼æç¤ºå ç´ æ¯å¦å¯ä»¥è·åè¾å ¥ç¦ç¹ï¼å¯èç¦ï¼ï¼æ¯å¦åºè¯¥åä¸é¡ºåºé®ç导èªï¼å¦ææ¯ï¼å表示åªä¸ªä½ç½®ãå®å¯ä»¥æ¥åä¸åå¼ä¹ä¸ï¼
- è´å¼è¡¨ç¤ºè¯¥å ç´ åºè¯¥æ¯å¯èç¦çï¼ä½ä¸åºéè¿é¡ºåºé®ç导èªå°è¾¾;
0表示å ç´ åºéè¿é¡ºåºé®ç导èªå¯èç¦åå¯å°è¾¾ï¼ä½å ¶ç¸å¯¹é¡ºåºç±å¹³å°çº¦å®å®ä¹;- æ£å¼æå³çå
ç´ åºè¯¥å¯ä»¥éè¿é¡ºåºé®ç导èªè¿è¡èç¦å访é®ï¼å
ç´ èç¦çé¡ºåºæ¯ tabindex çå¢å å¼ã妿å¤ä¸ªå
ç´ å
±äº«ç¸åç
tabindexï¼åå®ä»¬çç¸å¯¹é¡ºåºéµå¾ªå®ä»¬å¨ææ¡£ä¸çç¸å¯¹ä½ç½®ã
title-
å å«è¡¨ç¤ºä¸å ¶æå±å ç´ ç¸å ³ä¿¡æ¯çææ¬ãè¿äºä¿¡æ¯é常å¯ä»¥ä½ä¸ºæç¤ºåç°ç»ç¨æ·ï¼ä½ä¸æ¯å¿ é¡»çã
translate-
æä¸¾å±æ§ï¼ç¨äºæå®å¨é¡µé¢æ¬å°åæ¶æ¯å¦è½¬æ¢å ç´ ç屿§å¼åå ¶
Textèç¹åèç¹çå¼ï¼æè æ¯å¦ä¿æå®ä»¬ä¸åãå®å¯ä»¥å ·æä»¥ä¸å¼ï¼- 空å符串å
yesï¼è¡¨ç¤ºå ç´ å°è¢«ç¿»è¯ã noï¼è¡¨ç¤ºè¯¥å ç´ ä¸ä¼è¢«ç¿»è¯ã
- 空å符串å
virtualkeyboardpolicy-
ä¸ä¸ªæä¸¾å±æ§ï¼ç¨äºæ§å¶å±å¹ä¸çèæé®çè¡ä¸ºï¼å¦å¹³æ¿çµèãææºæå ¶ä»è®¾å¤ä¸ç硬件é®çå¯è½æ æ³ä½¿ç¨çå ç´ ï¼ä¹ä½¿ç¨
contenteditable屿§ãautoæä¸ä¸ªç©ºå符串ï¼å½å ç´ è¢«èç¦æç¹å»æ¶èªå¨æ¾ç¤ºèæé®çãmanualï¼å®å°ç¦ç¹åå ç´ ä¸çç¹å»ä¸èæé®ççç¶æè§£è¦ã
è§è
æµè§å¨å ¼å®¹æ§
åè§
- å
许æ¥è¯¢å¤§å¤æ°å
¨å±å±æ§ç
Elementæ¥å£ã