Article теги

article теги веб-сайтнинг мустақил ўзига жоъ блоклари учун мўлжалланган бўлиб, улар ўз-ўзини якунлашган саҳифа сифатида ишлатилиши мумкин.

Масалан, агар сизда мақолалар бор веб-сайт бўлса, у ҳолда ҳар бир мақолани шу тег ичига жойлаштиришингиз мумкин. Aгар сизда фойдаланувчилар изохлари бўлса, у ҳолда ҳар бир изохни шу тег ичига жойлаштиришингиз мумкин.

Шу билан бирга, агар сизда main теги веб-сайт контенти учун бўлса, article теги main теги ичида жойлашиши мумкин, лекин аксинча эмас.

Мисол

Мақола матнини article тегида расмлаштирамиз:

html<div id="wrapper">
  <header>
    ...
  </header>
  <main>
    <article>
      <h1>Сарлавҳа</h1>
      <p>
        матн
      </p>
      <p>
        матн
      </p>
    </article>
  </main>
  <footer>
    ...
  </footer>
</div>
 

Мисол

Постларни article тегларида расмлаштирамиз:

html<div id="wrapper">
  <header>
    ...
  </header>
  <main>
    <h1>Янги постлар</h1>
    <article>
      <h2>Пост 1</h2>
      <p>
        матн
      </p>
      <p>
        матн
      </p>
    </article>
    <article>
      <h2>Пост 2</h2>
      <p>
        матн
      </p>
      <p>
        матн
      </p>
    </article>
  </main>
  <footer>
    ...
  </footer>
</div>
 

Ёнасидагиларни ҳам кўринг

  • section теги,
    веб-сайт блокларини гуруҳлайди
  • header теги,
    веб-сайтнинг юқори қисмини белгилайди
  • footer теги,
    веб-сайтнинг пастки қисмини белгилайди
  • main теги,
    веб-сайтнинг асосий қисмини белгилайди
  • nav теги,
    веб-сайтнинг асосий менюсини белгилайди
  • aside теги,
    веб-сайтнинг ёнбош қисмини белгилайди