హ్టీఎంఎల్ <article> టాగ్
定义和用法
<article>
标签规定独立的、自包含的内容。
一篇文章应该能够独立理解,且可以独立于整个站点进行分发。
元素的潜在来源包括:
- 论坛帖子
- 博客文章
- 新闻报道
- 用户评论
注意:在浏览器中,<article>
元素本身不会呈现任何特殊的样式。但是,你可以使用 CSS 样式化 <article>
元素(请参见下面的例子)。
另请参阅:
HTML DOM 参考手册:Article 对象
实例
例子 1
三篇内容独立、自成一体的文章:
<article> <h2>Google Chrome</h2> <p>Google Chrome అనేది గూగుల్ ద్వారా అభివృద్ధిపరచబడిన వెబ్ బ్రౌజర్, 2008 లో విడుదలయ్యింది. Chrome ప్రస్తుతం అత్యంత ప్రజాదరణ వెబ్ బ్రౌజర్గా ఉంది!</p> </article> <article> <h2>Mozilla Firefox</h2> <p>Mozilla Firefox అనేది Mozilla ద్వారా అభివృద్ధిపరచబడిన ముక్త స్రోతం వెబ్ బ్రౌజర్. 2018 జనవరి నుండి, Firefox రెండవ అత్యంత ప్రజాదరణ బ్రౌజర్ గా ఉంది.</p> </article> <article> <h2>Microsoft Edge</h2> <p>Microsoft Edge మైక్రోసాఫ్ట్ చేత అభివృద్ధిచేసిన ఒక నెట్ బ్రౌజర్ ఉంది, 2015 లో విడుదలైంది. Microsoft Edge ఇంటర్నెట్ ఇన్స్కర్ప్టర్ ను పునఃస్థాపించింది.</p> </article>
例子 2
使用 CSS 设置
<html> <head> <style> .all-browsers { margin: 0; padding: 5px; background-color: lightgray; } .all-browsers > h1, .browser { margin: 10px; padding: 5px; } .browser { background: white; } .browser > h2, p { margin: 4px; font-size: 90%; } </style> </head> <body> <article class="all-browsers"> <h1>Most Popular Browsers</h1> <article class="browser"> <h2>Google Chrome</h2> <p>Google Chrome అనేది గూగుల్ ద్వారా అభివృద్ధిపరచబడిన వెబ్ బ్రౌజర్, 2008 లో విడుదలయ్యింది. Chrome ప్రస్తుతం అత్యంత ప్రజాదరణ వెబ్ బ్రౌజర్గా ఉంది!</p> </article> <article class="browser"> <h2>Mozilla Firefox</h2> <p>Mozilla Firefox అనేది Mozilla ద్వారా అభివృద్ధిపరచబడిన ముక్త స్రోతం వెబ్ బ్రౌజర్. 2018 జనవరి నుండి, Firefox రెండవ అత్యంత ప్రజాదరణ బ్రౌజర్ గా ఉంది.</p> </article> <article class="browser"> <h2>Microsoft Edge</h2> <p>Microsoft Edge మైక్రోసాఫ్ట్ చేత అభివృద్ధిచేసిన ఒక నెట్ బ్రౌజర్ ఉంది, 2015 లో విడుదలైంది. Microsoft Edge ఇంటర్నెట్ ఇన్స్కర్ప్టర్ ను పునఃస్థాపించింది.</p> </article> </article> </body> </html>
గ్లౌబల్ అట్రిబ్యూట్స్
<article>
టాగ్ ఇవెంట్ అట్రిబ్యూట్స్ కూడా మద్దతు ఇస్తుంది ఎల్లా ప్రపంచంలోనూ ఉపయోగించబడే అట్రిబ్యూట్స్.
ఇవెంట్ అట్రిబ్యూట్స్
<article>
టాగ్ ఇవెంట్ అట్రిబ్యూట్స్ కూడా మద్దతు ఇస్తుంది HTML లో ఇవెంట్ అట్రిబ్యూట్స్.
డిఫాల్ట్ CSS సెట్టింగ్స్
అత్యంత బ్రౌజర్లు క్రింది డిఫాల్ట్ విష్కరణలను ఉపయోగిస్తాయి <article>
అంశం:
article { display: block; }
బ్రౌజర్ మద్దతు
పట్టికలో నమోదైన సంఖ్యలు ఈ ఎలిమెంట్ ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ను నిర్దేశిస్తాయి.
చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
---|---|---|---|---|
చ్రోమ్ | ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
6.0 | 9.0 | 4.0 | 5.0 | 11.1 |