HTML <article> Tag

Definition og brug

<article> Tagget definerer uafhængigt og selvstændigt indhold.

Et artikel skal kunne forstås selvstændigt og kan distribueres uafhængigt af hele webstedet.

<articel> De potentielle kilder til elementet inkluderer:

  • Forumindlæg
  • Blogindlæg
  • Nyhedsrapporter
  • Brugeranmeldelser

Bemærk:i browseren:<article> Elementet viser ikke nogen speciel stil. Men du kan bruge CSS til at style <article> Elementer (se nedenstående eksempel).

Se også:

HTML DOM referencehåndbog:Article-objektet

Eksempel

Eksempel 1

Tre indlæg, der er uafhængige og selvstændige:

<article>
<h2>Google Chrome</h2>
<p>Google Chrome er en nettleser udviklet af Google og blev lanceret i 2008. Chrome er i dag den mest populære nettleser i verden!</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox er en open kildekode nettleser udviklet af Mozilla. Siden januar 2018 har Firefox været den anden mest populære nettleser.</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge er et nettleser udviklet af Microsoft, der blev lanceret i 2015. Microsoft Edge har erstattet Internet Explorer.</p>
</article>

Prøv det selv

Eksempel 2

Brug CSS til at sætte stilen på <article>-elementet:

<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>De mest populære nettlesere</h1>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome er en nettleser udviklet af Google og blev lanceret i 2008. Chrome er i dag den mest populære nettleser i verden!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox er en open kildekode nettleser udviklet af Mozilla. Siden januar 2018 har Firefox været den anden mest populære nettleser.</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge er et nettleser udviklet af Microsoft, der blev lanceret i 2015. Microsoft Edge har erstattet Internet Explorer.</p>
  </article>
</article>
</body>
</html>

Prøv det selv

Globale egenskaber

<article> Etiketten understøtter også Globale egenskaber i HTML.

event egenskaber

<article> Etiketten understøtter også Event egenskaber i HTML.

Standard CSS-indstillinger

De fleste browsere vil bruge følgende standardværdier til at vise <article> Element:

article {
  display: block;
}

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter dette element.

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