Η ετικέτα article

Η ετικέτα article προορίζεται για ανεξάρτητα, αυτόνομα τμήματα ενός ιστοτόπου, τα οποία μπορούν να χρησιμοποιηθούν ως ανεξάρτητες σελίδες.

Για παράδειγμα, εάν έχετε έναν ιστότοπο με άρθρα, τότε το άρθρο μπορεί να τοποθετηθεί μέσα σε αυτήν την ετικέτα. Εάν έχετε σχόλια χρηστών, τότε καθένα από αυτά τα σχόλια μπορεί να τοποθετηθεί σε αυτήν την ετικέτα.

Σε αυτήν την περίπτωση, εάν έχετε την ετικέτα main για το περιεχόμενο του ιστοτόπου, τότε το article μπορεί να τοποθετηθεί μέσα στο main, αλλά όχι το αντίστροφο.

Παράδειγμα

Ας διαμορφώσουμε το κείμενο του άρθρου στην ετικέτα article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<article>
			<h1>Κεφαλίδα</h1>
			<p>
				κείμενο
			</p>
			<p>
				κείμενο
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Παράδειγμα

Ας διαμορφώσουμε τις αναρτήσεις σε ετικέτες article:

<div id="wrapper">
	<header>
		...
	</header>
	<main>
		<h1>Νέες αναρτήσεις</h1>
		<article>
			<h2>Ανάρτηση 1</h2>
			<p>
				κείμενο
			</p>
			<p>
				κείμενο
			</p>
		</article>
		<article>
			<h2>Ανάρτηση 2</h2>
			<p>
				κείμενο
			</p>
			<p>
				κείμενο
			</p>
		</article>
	</main>
	<footer>
		...
	</footer>
</div>

Δείτε επίσης

η ετικέτα section,
που ομαδοποιεί τμήματα του ιστοτόπου
η ετικέτα header,
που ορίζει το πάνω μέρος του ιστοτόπου
η ετικέτα footer,
που ορίζει το κάτω μέρος του ιστοτόπου
η ετικέτα main,
που ορίζει το κύριο μέρος του ιστοτόπου
η ετικέτα nav,
που ορίζει το κύριο μενού του ιστοτόπου
η ετικέτα aside,
που ορίζει το δευτερεύον μέρος του ιστοτόπου