Znak <article> HTML

Definicja i użycie

<article> Tag określa niezależne, zamknięte zawartość.

Artykuł powinien być zrozumiały w pojedynczym kontekście i może być rozprowadzany niezależnie od całej witryny.

<articel> Potencjalne źródła elementu obejmują:

  • Posty na forum
  • Artykuły blogowe
  • Wiadomości
  • Komentarze użytkowników

Uwaga:W przeglądarce:<article> Element sam w sobie nie wyświetla żadnych specjalnych stylów. Możesz jednak użyć stylów CSS do stylizacji <article> Element (zobacz poniższy przykład).

Zobacz również:

Przeglądarka DOM HTML - podręcznik:Obiekt Article

Przykład

Przykład 1

Trzy niezależne, samodzielne artykuły:

<article>
<h2>Google Chrome</h2>
<p>Google Chrome to przeglądarka internetowa opracowana przez Google, wydana w 2008 roku. Chrome jest najbardziej popularną przeglądarką internetową na świecie!</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox jest otwartym kodem źródłowym przeglądarką internetową opracowaną przez Mozillę. Od stycznia 2018 roku Firefox jest drugą najpopularniejszą przeglądarką internetową.</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge to przeglądarka internetowa opracowana przez Microsoft, która została wprowadzona na rynek w 2015 roku. Microsoft Edge zastąpił Internet Explorer.</p>
</article>

Spróbuj sam

Przykład 2

Użyj CSS do ustawienia stylu elementu <article>:

<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>Najbardziej Popularne Przeglądarki</h1>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome to przeglądarka internetowa opracowana przez Google, wydana w 2008 roku. Chrome jest najbardziej popularną przeglądarką internetową na świecie!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox jest otwartym kodem źródłowym przeglądarką internetową opracowaną przez Mozillę. Od stycznia 2018 roku Firefox jest drugą najpopularniejszą przeglądarką internetową.</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge to przeglądarka internetowa opracowana przez Microsoft, która została wprowadzona na rynek w 2015 roku. Microsoft Edge zastąpił Internet Explorer.</p>
  </article>
</article>
</body>
</html>

Spróbuj sam

Globalne atrybuty

<article> Tagi te obsługują również Globalne atrybuty HTML.

Atrybuty wydarzeń

<article> Tagi te obsługują również Atrybuty wydarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek używa następujących wartości domyślnych do wyświetlania <article> Element:

article {
  display: block;
}

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten element.

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