HTML <artikel> Merker
Voorbeeld
Drie artikels met onafhanklike, selfstandige inhoud:
<article>
<h2>Google Chrome</h2>
<p>Google Chrome is a web browser
developed by Google, released in 2008. Chrome is the world's most popular web
browser today!</p>
</article>
<article>
<h2>Mozilla
Firefox</h2>
<p>Mozilla Firefox is an open-source web browser developed by
Mozilla. Firefox has been the second most popular web browser since January,
2018.</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge is a web browser developed by Microsoft, released in 2015.
Microsoft Edge replaced Internet Explorer.</p>
</article>
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die <article>merker spesifiseer onafhanklike, selfstandige inhoud.
'n Artikel moet op sy eie sin maak en dit moet moontlik wees om dit onafhanklik van die res van die webwerf te versprei.
Potensiële bronne vir die <article>element:
- Forum plasing
- Blogplasing
- Nuus storie
Let wel: Die <article>element word nie as iets spesiaals in 'n blaaier vertoon nie. Jy kan egter CSS gebruik om die <article>
element te styl (sien voorbeeld hieronder).
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die element ten volle ondersteun.
| Element | |||||
|---|---|---|---|---|---|
| <article> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Globale eienskappe
Die <article>merker ondersteun ook die Global Attributes in HTML .
Gebeurtenis eienskappe
Die <article>merker ondersteun ook die gebeurtenis-kenmerke in HTML .
Meer voorbeelde
Voorbeeld
Gebruik CSS om die <artikel>-element te styl:
<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 is a web browser
developed by Google, released in 2008. Chrome is the world's most popular web
browser today!</p>
</article>
<article class="browser">
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox is an
open-source web browser developed by Mozilla. Firefox has been the second most
popular web browser since January, 2018.</p>
</article>
<article class="browser">
<h2>Microsoft Edge</h2>
<p>Microsoft Edge is a web browser developed by Microsoft, released in 2015.
Microsoft Edge replaced Internet Explorer.</p>
</article>
</article>
</body>
</html>
Verwante bladsye
HTML DOM verwysing: Artikel Object
Verstek CSS-instellings
Die meeste blaaiers sal die <article>element met die volgende verstekwaardes vertoon:
article {
display: block;
}