హ్ట్మ్ఎల్ <figcaption> టాగ్
- ముంది పేజీ <fieldset>
- తరువాతి పేజీ <figure>
定义和用法
<figcaption>
标签为 <figure>
元素定义标题。
<figcaption>
元素可以放置在 <figure>
元素的第一个或最后一个子元素的位置。
另请参阅:
HTML DOM 参考手册:Figcaption 对象
实例
例子 1
使用
<figure> </body> <img src="tulip.jpg" alt="తులిప్" style="width:300px"> <figcaption>చిత్రం 1 - తులిప్, క్లూవియేసి, దీర్ఘకాలిక ప్రాణికల మొక్కలు.</figcaption>
例子 2
使用 CSS 设置
<html> <head> <style> figure { border: 1px #cccccc solid; padding: 4px; margin: auto; } figcaption { background-color: black; color: white; font-style: italic; padding: 2px; text-align: center; } </style> </head> <figure> </body> <img src="tulip.jpg" alt="తులిప్" style="width:300px"> <figcaption>చిత్రం 1 - తులిప్, క్లూవియేసి, దీర్ఘకాలిక ప్రాణికల మొక్కలు.</figcaption> </figure> </body>
ప్రత్యక్షంగా ప్రయత్నించండి
<figcaption>
టాగ్ ఇవెంట్ అట్రిబ్యూట్స్ సహాయంతో కూడినది గ్లోబల్ అట్రిబ్యూట్స్。
HTML లో గ్లోబల్ అట్రిబ్యూట్స్
<figcaption>
టాగ్ ఇవెంట్ అట్రిబ్యూట్స్ సహాయంతో కూడినది HTML లో ఇవెంట్ అట్రిబ్యూట్స్。
డిఫాల్ట్ CSS అమర్పులు
అత్యంత బ్రౌజర్లు క్రింది డిఫాల్ట్ విషయాలను ఉపయోగిస్తాయి <figcaption>
మూలకం:
figcaption { display: block; }
బ్రౌజర్ మద్దతు
పట్టికలో వరుసలు అన్ని కంటెంట్ యొక్క మొదటి పూర్తిగా మద్దతు ఇవ్వబడిన బ్రౌజర్ వెర్షన్లను చూపుతాయి.
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
---|---|---|---|---|
క్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఆపెరా |
8.0 | 9.0 | 4.0 | 5.1 | 11.0 |
- ముంది పేజీ <fieldset>
- తరువాతి పేజీ <figure>