Etichetta HTML <article>

Definizione e uso

<article> Il tag definisce un contenuto indipendente e autonomo.

Un articolo dovrebbe essere comprensibile autonomamente e dovrebbe poter essere distribuito indipendentemente dal sito.

<articel> Le potenziali fonti dell'elemento includono:

  • Post di forum
  • Articoli di blog
  • Notizie
  • Commenti degli utenti

Attenzione:Nel browser:<article> L'elemento stesso non presenta alcun stile speciale. Tuttavia, puoi utilizzarlo per applicare stili CSS <article> Elemento (vedere l'esempio sottostante).

Vedere anche:

Manuale di riferimento HTML DOM:Oggetto Article

Esempio

Esempio 1

Tre articoli indipendenti e autonomi:

<article>
<h2>Google Chrome</h2>
<p>Google Chrome è un browser web sviluppato da Google, lanciato nel 2008. Chrome è il browser web più popolare al mondo oggi!</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox è un browser web open source sviluppato da Mozilla. Da gennaio 2018, Firefox è stato sempre il secondo browser web più popolare.</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge è un browser web sviluppato da Microsoft, lanciato nel 2015. Microsoft Edge ha sostituito Internet Explorer.</p>
</article>

Prova personalmente

Esempio 2

Impostare lo stile dell'elemento <article> utilizzando 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>I browser più popolari</h1>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome è un browser web sviluppato da Google, lanciato nel 2008. Chrome è il browser web più popolare al mondo oggi!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox è un browser web open source sviluppato da Mozilla. Da gennaio 2018, Firefox è stato sempre il secondo browser web più popolare.</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge è un browser web sviluppato da Microsoft, lanciato nel 2015. Microsoft Edge ha sostituito Internet Explorer.</p>
  </article>
</article>
</body>
</html>

Prova personalmente

Proprietà globali

<article> Il tag supporta anche Proprietà globali in HTML.

Proprietà degli eventi

<article> Il tag supporta anche Proprietà degli eventi in HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per visualizzare <article> Elemento:

article {
  display: block;
}

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta il primo elemento.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 9.0 4.0 5.0 11.1