Ετικέτα HTML <article>

  • Προηγούμενη σελίδα <area>
  • Επόμενη σελίδα <aside>

Ορισμός και χρήση

<article> Η ετικέτα ορίζει ανεξάρτητα και αυτοσufficient content.

Ένα άρθρο πρέπει να μπορεί να κατανοηθεί ανεξάρτητα και να κατανέμεται ανεξάρτητα από τολόγο του ιστοχώρου.

<articel> Οι πιθανές πηγές των στοιχείων περιλαμβάνουν:

  • Θέματα φόρουμ
  • Αρθρογραφία
  • Ειδήσεις
  • Αναφορές χρηστών

Σημείωση:Στο πρόγραμμα περιήγησης<article> Τα στοιχεία δεν παρουσιάζουν κανένα ειδικό στυλ. Ωστόσο, μπορείτε να χρησιμοποιήσετε το CSS για να τα στιλικάρεσετε <article> Στοιχεία (δείτε το παρακάτω παράδειγμα).

Δείτε επίσης:

Εγχειρίδιο HTML DOM:Αντικείμενο Article

Παράδειγμα

Παράδειγμα 1

Τρία ανεξάρτητα και αυτοτελή άρθρα:

<article>
<h2>Google Chrome</h2>
<p>Google Chrome είναι ένας περιηγητής διαδικτύου που αναπτύχθηκε από την Google και κυκλοφόρησε το 2008. Το Chrome είναι ο πιο δημοφιλής περιηγητής διαδικτύου στον κόσμο σήμερα!</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox είναι ένα ανοιχτού κώδικα περιηγητής διαδικτύου που αναπτύχθηκε από την Mozilla. Από τον Ιανουάριο του 2018, ο Firefox είναι ο δεύτερος πιο δημοφιλής περιηγητής διαδικτύου.</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<h2>Microsoft Edge</h2>
</article>

Δοκιμάστε το شخصικά

Παράδειγμα 2

Ρυθμίστε τη στυλ του στοιχείου <article> χρησιμοποιώντας το 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>Πιο Δημοφιλείς Περιηγητές</h1>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome είναι ένας περιηγητής διαδικτύου που αναπτύχθηκε από την Google και κυκλοφόρησε το 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>
    <h2>Microsoft Edge</h2>
  </article>
</article>
</body>
</html>

Δοκιμάστε το شخصικά

Γлобάλες ιδιότητες

<article> Η ετικέτα υποστηρίζει επίσης Γлобάλες ιδιότητες στο HTML.

Αντιθέματα γεγονότων

<article> Η ετικέτα υποστηρίζει επίσης Αντιθέματα γεγονότων στο HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Οι περισσότεροι περιηγητές θα χρησιμοποιήσουν τις παρακάτω προεπιλεγμένες τιμές <article> Στοιχείο:

article {
  display: block;
}

Υποστήριξη του προγράμματος περιήγησης

Ο αριθμός στη τάβλη είναι η έκδοση του πρώτου προγράμματος που υποστηρίζει το στοιχείο.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 9.0 4.0 5.0 11.1
  • Προηγούμενη σελίδα <area>
  • Επόμενη σελίδα <aside>