Article-elementti

Elementti article on tarkoitettu itsenäisille, itsenäisille sivuston lohkoille, joita voidaan käyttää itsenäisenä sivuna.

Esimerkiksi, jos sinulla on sivusto artikkeleilla, artikkelin voi sijoittaa tähän elementtiin. Jos sinulla on käyttäjien kommentteja, jokainen näistä kommenteista voidaan sijoittaa tähän elementtiin.

Samalla, jos sinulla on elementti main sivuston sisällölle, niin article voi sijaita main:n sisällä, mutta ei päinvastoin.

Esimerkki

Muotoillaan artikkelin teksti article-elementtiin:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<article>
			<h1>Otsikko</h1>
			<p>
				teksti
			</p>
			<p>
				teksti
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Esimerkki

Muotoillaan postaukset article-elementteihin:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<h1>Uudet postaukset</h1>
		<article>
			<h2>Postaus 1</h2>
			<p>
				teksti
			</p>
			<p>
				teksti
			</p>
		</article>
		<article>
			<h2>Postaus 2</h2>
			<p>
				teksti
			</p>
			<p>
				teksti
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Katso myös

elementti section,
joka ryhmittelee sivuston lohkoja
elementti header,
joka määrittää sivuston yläosan
elementti footer,
joka määrittää sivuston alaosan
elementti main,
joka määrittää sivuston pääosan
elementti nav,
joka määrittää sivuston päävalikon
elementti aside,
joka määrittää sivuston sivupään