Sobes.tech
Junior

Ποια είναι η διαφορά μεταξύ των στοιχείων `<aside>`, `<article>` και `<section>` στο HTML;

sobes.tech AI

Απάντηση από AI

  • <article>: Αυτοτεμές, ανεξάρτητο τμήμα περιεχομένου, το οποίο μπορεί να διαδοθεί και να επαναχρησιμοποιηθεί εκτός του πλαισίου της τρέχουσας σελίδας (π.χ., ανάρτηση σε blog, νέα, σχόλιο). Πρέπει να έχει έναν τίτλο μέσα.
  • <section>: Θεματική ενότητα του περιεχομένου της σελίδας. Συνήθως έχει έναν τίτλο (<h1>-<h6>) και ομαδοποιεί σχετικό περιεχόμενο. Δεν πρέπει να χρησιμοποιείται μόνο για στυλ — για αυτό υπάρχει το <div>.
  • <aside>: Περιεχόμενο που σχετίζεται έμμεσα με το κύριο περιεχόμενο της σελίδας. Συχνά χρησιμοποιείται για πλαϊνές στήλες, ενθέσεις, διαφημιστικά μπλοκ ή αποσπάσματα.

Σύγκριση σε πίνακα:

Στοιχείο Σκοπός Αυτονομία Απαιτεί τίτλο (όχι υποχρεωτικό, αλλά συνιστάται)
<article> Ανεξάρτητο, φορητό περιεχόμενο Ναι Συνιστάται
<section> Θεματική ενότητα μέσα στο έγγραφο Όχι Συνιστάται
<aside> Έμμεσα σχετικό περιεχόμενο (πλαϊνή στήλη) Όχι Όχι