<figcaption>ï¼å¾åæ é¢å ç´
åºçº¿
广æ³å¯ç¨
èª 2015å¹´7æ èµ·ï¼æ¤ç¹æ§å·²å¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æï¼å¯å¨å¤§å¤æ°è®¾å¤åæµè§å¨çæ¬ä¸æ£å¸¸ä½¿ç¨ã
<figcaption> HTML å
ç´ æ¯ç¨æ¥æè¿°å
¶ç¶èç¹ <figure> å
ç´ éçå
¶ä½å
å®¹çæ é¢æè¯´æã为 <figure> æä¾ä¸ä¸ªæ éç¢æè¿°ã
å°è¯ä¸ä¸
<figure>
<img
src="/proxy/developer.mozilla.org/shared-assets/images/examples/elephant.jpg"
alt="Elephant at sunset" />
<figcaption>An elephant at sunset</figcaption>
</figure>
figure {
border: thin #c0c0c0 solid;
display: flex;
flex-flow: column;
padding: 5px;
max-width: 220px;
margin: auto;
}
img {
max-width: 220px;
max-height: 150px;
}
figcaption {
background-color: #222;
color: #fff;
font: italic smaller sans-serif;
padding: 3px;
text-align: center;
}
屿§
该å ç´ ä» å å«å ¨å±å±æ§ã
示ä¾
æå
³ <figcaption> ç示ä¾ï¼è¯·åè§ <figure> 页é¢ã
ææ¯æ¦è¦
| å 容åç±» | æ ã |
|---|---|
| å 许çå 容 | æµå¼å 容ã |
| æ ç¾çç¥ | ä¸å 许ï¼å¼å§æ ç¾åç»ææ ç¾é½ä¸è½çç¥ã |
| å 许çç¶å ç´ |
<figure> å
ç´ ï¼<figcaption> å
ç´ å¿
é¡»æ¯å®ç第ä¸ä¸ªæè
æåä¸ä¸ªåèç¹ã
|
| éå¼ ARIA è§è² | 没æå¯¹åºçè§è² |
| å 许ç ARIA è§è² |
groupãnoneãpresentation
|
| DOM æ¥å£ | HTMLElement |
è§è
| è§è |
|---|
| HTML> # the-figcaption-element> |
æµè§å¨å ¼å®¹æ§
åè§
<figure>å ç´ ã