HTML <aside> Tag

  • ການໄປຫຼັງການ <article>
  • ການໄປຕໍ່ໜ້າ <audio>

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

<aside> ແຕ່ບັນດາສັນຍານສັດສະນະຂອງ aside ຄວນມີຄວາມສຳພັນກັບສັນຍານບໍ່ສະແດງຂອງພວກເຂົາ.

ຄຳເຫັນ:

ຂອບເຂົາຫຍັງວ່າ ຂອບເຂົາຄວາມວ່າດີສະແດງໃນເອກະສານ.<aside> ຄຳເຫັນ:

ເນື່ອງຈາກນັ້ນ ສັນຍານບໍ່ຈະສະແດງວ່າຮູບແບບສະເພາະໃນບັນຊີ. ແຕ່ທ່ານສາມາດໃຊ້ CSS ໃຫ້ຂັບເຂັນ:<aside> ຫຍັງ: <aside> ຮູບແບບຂອງບັນດາສັດສະນະ (ເບິ່ງຕົວຢ່າງລຸ່ມ).

ບໍ່ວ່າ:

ປື້ມຂໍ້ມູນ HTML DOM:ບັນດາ aside

ຄວາມຈຳນວນ

ຕົວຢ່າງ 1

ສະແດງບາງຢ່າງບໍ່ແມ່ນຂອງການສະແດງຂອງພວກເຂົາຕົກຕັ້ງ:

<p>ປີນີ້ພວກເຂົາຂອງຂ້ອຍໄດ້ໄປຢ້ຽມຢາມຕູນານົມຕົວກະສິກອນສະຫຼວດສະຫຼາກຂອງຊາງຫາງ. ສະພາບອາກາດດີ, ຕູນານົມຕົວກະສິກອນສະຫຼາກດີຫຼາຍ! ພວກເຂົາຂອງຂ້ອຍໄດ້ມີການພັກຜູ້ຮ່ວມງານລະດູຮອນທີ່ດີ!</p>
<aside>
<h4>ສະຫະພັນທະຫານນໍ້າທະເລ ຮຸງແຮງຮົບ</h4>

上海海昌海洋公园是位于浦东新区的主题乐园，围绕海洋文化特色，总占地面积约为29.7公顷，同时也是国家 AAAA 级旅游景区，

</aside>

ການສະແດງຄວາມສຳລັບຕົວເລື່ອງ

ຕົວຢ່າງ 2

ໃຊ້ CSS ຂັບເຂັນຮູບແບບ ເອລະສັບ <aside>：

<html>
<head>
<style>
aside {
  width: 30%;
  padding-left: 15px;
  margin-left: 15px;
  float: right;
  font-style: italic;
  background-color: lightgray;
}
</style>
</head>
<body>
<h1>aside ເອລະສັບ</h1>
<p>ປີນີ້ພວກເຂົາຂອງຂ້ອຍໄດ້ໄປຢ້ຽມຢາມຕູນານົມຕົວກະສິກອນສະຫຼວດສະຫຼາກຂອງຊາງຫາງ. ສະພາບອາກາດດີ, ຕູນານົມຕົວກະສິກອນສະຫຼາກດີຫຼາຍ! ພວກເຂົາຂອງຂ້ອຍໄດ້ມີການພັກຜູ້ຮ່ວມງານລະດູຮອນທີ່ດີ!</p>
<aside>

上海海昌海洋公园是位于浦东新区的主题乐园，围绕海洋文化特色，总占地面积约为29.7公顷，同时也是国家 AAAA 级旅游景区，

</aside>
<p>ປີນີ້ພວກເຂົາຂອງຂ້ອຍໄດ້ໄປຢ້ຽມຢາມຕູນານົມຕົວກະສິກອນສະຫຼວດສະຫຼາກຂອງຊາງຫາງ. ສະພາບອາກາດດີ, ຕູນານົມຕົວກະສິກອນສະຫຼາກດີຫຼາຍ! ພວກເຂົາຂອງຂ້ອຍໄດ້ມີການພັກຜູ້ຮ່ວມງານລະດູຮອນທີ່ດີ!</p>
<p>ປີນີ້ພວກເຂົາຂອງຂ້ອຍໄດ້ໄປຢ້ຽມຢາມຕູນານົມຕົວກະສິກອນສະຫຼວດສະຫຼາກຂອງຊາງຫາງ. ສະພາບອາກາດດີ, ຕູນານົມຕົວກະສິກອນສະຫຼາກດີຫຼາຍ! ພວກເຂົາຂອງຂ້ອຍໄດ້ມີການພັກຜູ້ຮ່ວມງານລະດູຮອນທີ່ດີ!</p>
</body>
</html>

ການສະແດງຄວາມສຳລັບຕົວເລື່ອງ

ຜົນງານລະບົບ

<aside> ອອກອາກາດຍັງສະໜັບສະໜູນ ຜົນງານລະບົບສະໜາມ.

ຜົນງານລະບົບ

<aside> ອອກອາກາດຍັງສະໜັບສະໜູນ ຜົນງານລະບົບ HTML.

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

ສ່ວນຫຼາຍຂອງການບັດຊະນະຈະໃຊ້ຄືນີ້ <aside> ປະເພດ:

aside {
  display: block;
}

ການສະໜັບສະໜູນການອອກອາກາດ

ຈຳນວນທີ່ຢູ່ໃນຕາລະບົບການອອກອາກາດທີ່ເປັນການສະໜັບສະໜູນສະບາຍຢ່າງເຕັມຮູບຮ່າງທີ່ເຫຼືອ.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 9.0 4.0 5.0 11.1
  • ການໄປຫຼັງການ <article>
  • ການໄປຕໍ່ໜ້າ <audio>