HTML <article> Etiketi

Tanım ve Kullanım

<article> Etiket, bağımsız ve içeren içerikleri tanımlar.

Bir makale, bağımsız olarak anlaşılmalı ve tüm site dışında dağıtılabilir olmalıdır.

<articel> Elementin potansiyel kaynakları şunları içerir:

  • Forum Konuları
  • Blog Yazıları
  • Haberler
  • Kullanıcı Yorumları

Dikkat:Tarayıcıda,<article> Element kendisi özel bir tarz sunmaz. Ancak, CSS tarzı kullanarak tarzlandırabilirsiniz <article> Element (aşağıdaki örneklere bakın).

Ayrıca bkz:

HTML DOM Referans Kılavuzu:Article nesnesi

Örnek

Örnek 1

Üç bağımsız, kendine özgü içerik makalesi:

<article>
<h2>Google Chrome</h2>
<p>Google Chrome, 2008 yılında Google tarafından geliştirilen bir ağ tarayıcısıdır. Chrome, günümüzün en popüler ağ tarayıcısıdır!</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox, Mozilla tarafından geliştirilen açık kaynaklı bir ağ tarayıcısıdır. 2018 yılının Ocak ayından beri, Firefox ikinci en popüler ağ tarayıcısı olmuştur.</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge, 2015 yılında Microsoft tarafından geliştirilen bir ağ tarayıcısıdır. Microsoft Edge, Internet Explorer'ı değiştirmiştir.</p>
</article>

Kişisel olarak deneyin

Örnek 2

CSS ile <article> elementinin tarzını ayarlayın:

<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>En Popüler Tarayıcılar</h1>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome, 2008 yılında Google tarafından geliştirilen bir ağ tarayıcısıdır. Chrome, günümüzün en popüler ağ tarayıcısıdır!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox, Mozilla tarafından geliştirilen açık kaynaklı bir ağ tarayıcısıdır. 2018 yılının Ocak ayından beri, Firefox ikinci en popüler ağ tarayıcısı olmuştur.</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge, 2015 yılında Microsoft tarafından geliştirilen bir ağ tarayıcısıdır. Microsoft Edge, Internet Explorer'ı değiştirmiştir.</p>
  </article>
</article>
</body>
</html>

Kişisel olarak deneyin

Genel Özellikler

<article> Bu etiketler, olay özelliklerini de destekler HTML'deki genel özellikler.

Olay Özellikleri

<article> Bu etiketler, olay özelliklerini de destekler HTML'deki olay özellikleri.

Varsayılan CSS Ayarları

Çoğu tarayıcı aşağıdaki varsayılan değerleri kullanarak görüntüleyecektir <article> Element:

article {
  display: block;
}

Tarayıcı Desteği

Tabloda numaralar, bu elementi tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

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