HTML ປະສົມ id

HTML id ປະເພດຄວາມຂອງ id ແມ່ນເພື່ອກຳນົດ id ພິເສດຂອງປະກອບສິ່ງ HTML.

ໃນເອກະສານ HTML, ບໍ່ສາມາດມີປະກອບສິ່ງທີ່ມີ id ຄືກັນຫຼາຍກວ່າຫົກອັນ.

ການນຳໃຊ້ປະເພດຄວາມ id

id ປະເພດຄວາມຂອງ id ແມ່ນເພື່ອກຳນົດ id ພິເສດຂອງປະກອບສິ່ງ HTML. id ຄວາມຂອງປະເພດຄວາມຕ້ອງເປັນອັນດຽວໃນເອກະສານ HTML.

id ປະເພດຄວາມຂອງບັນດາບັນນາທິການແມ່ນເພື່ອອອກອານຸສາວະພາບທີ່ສະເພາະພາຍໃນອົງການ CSS. JavaScript ກໍ່ສາມາດໃຊ້ມັນເພື່ອເຂົ້າເຖິງແລະດຳເນີນຄວາມສະເພາະບັນດາປະກອບສິ່ງທີ່ມີ id ພິເສດ.

ສິ່ງຂອງພາສາຂອງ id ແມ່ນ: ຂຽນສິ່ງ # ຕາມມາດ້ວຍຊື່ id. ແລະຫຼັງຈາກນັ້ນ, ຕັ້ງປະສົມຄວາມຂອງ CSS ໃນອົງກວດ {}.

In the following example we have a <h1> pointing to the id name "myHeader". This <h1> Elements will be based on the element in the head section #myHeader Style definitions are used to set styles:

ຄວາມຄິດທີ່ບັນທຶກ

<!DOCTYPE html>
<html>
<head>
<style>
#myHeader {
  background-color: lightblue;
  color: black;
  padding: 40px;
  text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">My Header</h1>
</body>
</html>

ທ້າທາຍຕື່ມ

Note:The id name is case-sensitive!

Note:The id must contain at least one character and cannot contain whitespace characters (spaces, tabs, etc.).

Difference between Class and ID

The same class name can be used by multiple HTML elements, while an id name can only be used by one HTML element on the page:

ຄວາມຄິດທີ່ບັນທຶກ

<style>
/* Set the style for the element with the id "myHeader" */
#myHeader {
  background-color: lightblue;
  color: black;
  padding: 40px;
  text-align: center;
}
/* Set the style for all elements with the class name "city" */
.city {
  background-color: tomato;
  color: white;
  padding: 10px;
}
</style>
<!-- Elements with a unique id -->
<h1 id="myHeader">My Cities</h1>
<!-- Elements with the same class name -->
<h2 class="city">London</h2>
<p>London is the capital of England.</p>
<h2 class="city">Paris</h2>
<p>Paris is the capital of France.</p>
<h2 class="city">Tokyo</h2>
<p>Tokyo is the capital of Japan.</p>

ທ້າທາຍຕື່ມ

ຄຳເຕືອນ:ກະລຸນາມາພົບໃນ ການສອນ CSS ຮຽນຫຼາຍກວ່ານັ້ນກ່ຽວກັບ CSS。

HTML Bookmarks ໄດ້ຮັບການກະຕຸບຕໍ່ມັນຜ່ານ ID ແລະການກະຕຸບ。

HTML Bookmarks ໃຊ້ເພື່ອອີກອານານິຄົມທີ່ຈະຫຼຸບເບື້ອງຫຼັງທີ່ມີການກະຕຸບຢູ່ທີ່ບ່ອນທີ່ມີຫົວຂໍ້ບັນທຶກຂອງເວັບໄຊ。

ຖ້າຫົວຂໍ້ບັນທຶກຫຼາຍຫຼາຍແລ້ວການບັນທຶກຫົວຂໍ້ບັນທຶກຈະມີປະໂຫຍດຫຼາຍຫຼາຍ。

ເພື່ອນຳໃຊ້ການບັນທຶກຫົວຂໍ້ບັນທຶກພວກເຮົາຕ້ອງຈະສ້າງມັນກ່ອນແລ້ວຫຼັງຈາກນັ້ນຈະເພີ່ມການກະຕຸບຕໍ່ມັນ。

ຫຼັງຈາກທີ່ຄົນຄົງຄູ່ກະຕຸບຢູ່ທີ່ການເຊື່ອມຕໍ່ຕາມການຈະມີການຫຼຸບເບື້ອງຫຼັງທີ່ມີການກະຕຸບຢູ່ທີ່ບ່ອນທີ່ມີຫົວຂໍ້ບັນທຶກ。

ຄວາມຄິດທີ່ບັນທຶກ

首先，用 id 属性创建书签：

第四章

然后，在同一张页面中，向这个书签添加一个链接（“跳转到第四章”）：

ຄວາມຄິດທີ່ບັນທຶກ

跳转到第四章

ທ້າທາຍຕື່ມ

ຫລື, ໃນໜ້າບ່ອນອື່ນໆ, ສະໜອງລາຍການທີ່ຍ້າຍໄປຫາບັນທຶກນີ້ ("ຍ້າຍໄປຫາຫົວຂໍ້ 4"):

<a href="html_demo.html#C4">ຍ້າຍໄປຫາຫົວຂໍ້ 4</a>

ການນໍາໃຊ້ id attributeໃນ JavaScript

JavaScript ສາມາດນໍາໃຊ້ id attribute ເພື່ອດຳເນີນການຫຼາຍບັນດາການຫາປະກອບປະກອບພິເສດ

JavaScript ສາມາດນໍາໃຊ້ getElementById() ການເຂົ້າຫາປະກອບປະກອບທີ່ມີ id ແບບພິເສດ:

ຄວາມຄິດທີ່ບັນທຶກ

ການນໍາໃຊ້ id attribute ທີ່ JavaScript ເພື່ອຈັດການຂອງຂີ້ຈົນ:

<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>

ທ້າທາຍຕື່ມ

ຄຳເຕືອນ:ກະຕຸ້ນການ HTML JavaScript ໃນບົດນີ້ຫລືພວກເຮົາ ການສອນ JavaScript ຕິດຕາມ JavaScript

ການປະຊຸມບັນນາທິການ

  • id ປະສົມປະສານສາມາດໃຊ້ເພື່ອຈັດຕັ້ງ id ສະເພາະປະກອບປະກອບ HTML
  • id ຄູ່ມູນຂອງປະສົມປະສານຈະຕ້ອງມີຄວາມຫຼາກຫຼາຍໃນ ບັນຊີຍາການ HTML
  • CSS ແລະ JavaScript ສາມາດນໍາໃຊ້ id ປະສົມປະສານສາມາດໃຊ້ເພື່ອເລືອກປະກອບປະກອບຫຼືການຈັດຕັ້ງປະສົມປະສານພິເສດ
  • id ຄູ່ມູນຂອງປະສົມປະສານຈະຫັນຄວາມຫຼາກຫຼາຍ
  • id ປະສົມປະສານກໍ່ສາມາດນໍາໃຊ້ເພື່ອສ້າງ HTML bookmark
  • JavaScript ສາມາດນໍາໃຊ້ getElementById() ການເຂົ້າຫາປະກອບປະກອບທີ່ມີ id ແບບພິເສດ