HTML <article> Tag

  • ຫົວຂໍ້ຫຼັງ <area>
  • ຫົວຂໍ້ຕໍ່ໄປ <aside>

ການກໍານົດ ແລະ ການນໍາໃຊ້

<article> ບັນຕັດແມ່ນກໍານົດຄວາມຄົງທີ່ຄົງທັນໃດ ແລະເປັນບັນດາບັນຕາທີ່ສາມາດກວມເອົາຄວາມຄົງພຽງພໍ.</p>

ບັນດາບັນຕາຄວາມຄົງທີ່ສາມາດເບິ່ງດີເທິງຄວາມຄົງພຽງພໍ ແລະສາມາດຈະຈັດການການກະຈາຍອອກອອກຈາກຫລາຍອັນດຽວ.</p>

<articel> ພາກສ່ວນທີ່ສາມາດເປັນຫົວເຫລືອຂອງບັນດາບັນຕາມັນກໍ່ມີຢູ່:

  • ບັນດາບັນຕາສະບັບ
  • ບັນດາບັນຕາສະບັບ
  • ຂ່າວການຂ່າວ
  • ຄຳເຫັນຜູ້ນຳມານັນ

ເຫັນດີ:ໃນບັນຊີບັນນາທິການ,<article> ບັນດາບັນຕັດແມ່ນບໍ່ຈະສະແດງວິທະຍາສາດສະແດງຫຍັງທີ່ສະແດງ. ແຕ່ທ່ານສາມາດນຳໃຊ້ CSS ເພື່ອຈັດກຳນົດວິທະຍາສາດ.</p> <article> ບັນດາບັນຕັດ (ບໍ່ມີຫຍັງອື່ນໆ).

ບໍ່ມີຫຍັງອື່ນໆ:

ປືກສາ HTML DOMບັນຊີ Article

ບັນດາບັນທັດ

ບັນທັດ 1

ບັນດາບັນຊີຄວາມຄົງທັນໃດ ແລະເປັນບັນດາບັນຊີທີ່ສາມາດອອກແບບສະບັບບັນຊີບັນນາທິການອິນເຕີເນັດ.</p>

<article>
<h2>Google Chrome</h2>
<p>Google Chrome ແມ່ນບັນຊີບັນນາທິການອິນເຕີເນັດທີ່ຖືກພັດທະນາໂດຍ Google ແລະຖືກປ່ອຍອອກໃນປີ 2008. Chrome ແມ່ນບັນຊີບັນນາທິການອິນເຕີເນັດທີ່ເປັນຜູ້ມັກທີ່ຫລາຍທີ່ສຸດໃນໂລກປັດຈຸບັນ!</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox ແມ່ນບັນຊີບັນນາທິການອິນເຕີເນັດໂຕນເປັນບົດສະຕິກ. ຕັ້ງແຕ່ເດືອນມັງກອນ 2018, Firefox ໄດ້ເປັນບັນຊີບັນນາທິການອິນເຕີເນັດທີ່ເປັນຜູ້ມັກຂອງຫລາຍທີ່ສຸດຫລາຍຄັ້ງ.</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge ແມ່ນບັນດາບັນນາທິດທາງອອນລາຍໃນລະຫວ່າງ Microsoft, ໄດ້ຖືກປ່ອຍອອກໃນປີ 2015. Microsoft Edge ແທນໄດ້ສະໜັບສະໜູນ Internet Explorer.</p>
</article>

ກຳລັງທຳລາຍຄວາມທຳມະດາ

ບັນທັດ 2

ການຈັດກຳນົດວິທະຍາສາດ CSS ສຳລັບເອກະສານ <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>Most Popular Browsers</h1>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome ແມ່ນບັນຊີບັນນາທິການອິນເຕີເນັດທີ່ຖືກພັດທະນາໂດຍ Google ແລະຖືກປ່ອຍອອກໃນປີ 2008. Chrome ແມ່ນບັນຊີບັນນາທິການອິນເຕີເນັດທີ່ເປັນຜູ້ມັກທີ່ຫລາຍທີ່ສຸດໃນໂລກປັດຈຸບັນ!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox ແມ່ນບັນຊີບັນນາທິການອິນເຕີເນັດໂຕນເປັນບົດສະຕິກ. ຕັ້ງແຕ່ເດືອນມັງກອນ 2018, Firefox ໄດ້ເປັນບັນຊີບັນນາທິການອິນເຕີເນັດທີ່ເປັນຜູ້ມັກຂອງຫລາຍທີ່ສຸດຫລາຍຄັ້ງ.</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge ແມ່ນບັນດາບັນນາທິດທາງອອນລາຍໃນລະຫວ່າງ Microsoft, ໄດ້ຖືກປ່ອຍອອກໃນປີ 2015. Microsoft Edge ແທນໄດ້ສະໜັບສະໜູນ Internet Explorer.</p>
  </article>
</article>
</body>
</html>

ກຳລັງທຳລາຍຄວາມທຳມະດາ

ປະສົມປະກາດ

<article> ມັນຍັງສະໜັບສະໜູນ ປະສົມປະກາດທົ່ວໄປ HTML.

ປະສົມປະກາດ

<article> ມັນຍັງສະໜັບສະໜູນ ປະສົມປະກາດໃນ HTML.

ການປັບປຸງ CSS ຄົນທຳອິດ

ສະໜາມບັນດາບັນນາທິດຈະໃຊ້ຈຳນວນພື້ນຖານທີ່ລາວສະແດງຕົວໃນຫົວຂໍ້ລາວ. <article> ວັດສະດຸ:

article {
  display: block;
}

ການສະໜັບສະໜູນບັນດາບັນນາທິດ

ຈຳນວນຕົວເລກໃນຕາລາງບອກກັບສະບັບທີ່ສະຫຼຸບສົມບູນຂອງບັນດາບັນນາທິດ.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 9.0 4.0 5.0 11.1
  • ຫົວຂໍ້ຫຼັງ <area>
  • ຫົວຂໍ້ຕໍ່ໄປ <aside>