Id ya HTML

HTML id Hatua inayotumiwa kwa kumueleza ID pekee kwa kiwango cha kina kwa kiwango cha HTML.

Hakuna kiwango cha kina ambao kina elementi yenye id yoyote inayotumiwa mara mbili katika mafikira ya HTML.

Tumia hatua ya id

id Hatua inaumiliki ID wa kiwango cha kina kwa kiwango cha HTML. id Wakati wa HTML, thamani ya hatua inahitajika kuwa pekee.

id Matumizi ya hatua inayotumiwa kwa kumueleza hatua zisizohusiana katika muhtasari wa stili. JavaScript pia inaweza kutumika kwa kufikiria na kufanyia mawasiliano ya elementi yenye ID zaidi.

Majukuu wa inayotumiwa kwa kuandika hashtag (#) na baadae kumueleza jina la id. Baadae, inayotumiwa kwa kufikiria matumizi ya CSS katika kifungu { }.

下面的例子中我们有一个

元素，它指向 id 名称 "myHeader"。这个

元素将根据 head 部分中的 #myHeader 样式定义进行样式设置：

Mifano

<!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>

Tafadhali jaribu maelezo yako

Mbinu:Jina la ID linasababisha kufikiria kwa kina jina kwa kina jina kinasababisha kufikiria kwa kina jina.

Mbinu:ID lazima iwe na herufi moja kwa kuzingatia, na haikunushika herufi za kusha.

Muundo wa Class na ID

Kina jina kinaweza kufunguliwa na viumbe vingine vya HTML, wakati kina ID kinaweza kufunguliwa na viumbe kumi kwenye ukurasa:

Mifano

<style>
/* Mifano ya kumuingia viumbe kina ID pekee "myHeader" */
#myHeader {
  background-color: lightblue;
  color: black;
  padding: 40px;
  text-align: center;
}
/* Mifano ya kumuingia viumbe vingine vina kina jina linalofanana "city" */
.city {
  background-color: tomato;
  color: white;
  padding: 10px;
}
</style>
<!-- Viumbe vinavyotumia ID pekee -->
<h1 id="myHeader">My Cities</h1>
<!-- Viumbe vingine vinavyotumia kina jina linalofanana -->
<h2 class="city">London</h2>
<p>London ni mji mkuu wa England.</p>
<h2 class="city">Paris</h2>
<p>Paris ni mji mkuu wa Ufaransa.</p>
<h2 class="city">Tokyo</h2>
<p>Tokyo ni mji mkuu wa Japan.</p>

Tafadhali jaribu maelezo yako

Mbinu:Tafadhali tukue nafasi yetu. Mafundisho ya CSS Kueleza CSS zaidi.

Kibariki cha HTML kinasaidia kurejea kwa eneo lake cha kipindi cha ukurasa kwa ID na kiungo.

Kibariki cha HTML kinasaidia kurejea kwa eneo lake la kipindi cha ukurasa.

Kama ukurasa unazidi kubeba, kibariki kinaweza kuhakikisha kusaidia.

Kuongeza kibariki, inafaa kuundwa kwanza, na kusaidia kiungo chake.

Kisha, baada ya kupendeza kiungo, ukurasa utakwisha kueleza eneo la kibariki.

Mifano

Kwanza, tume id Mafanikio ya uwanja wa kuanza maktaba:

<h2 id="C4">Kipindi 4</h2>

Kisha, kwenye ukurasa huo, wafungue link kuhusu maktaba hii ("Buka kwenye Kipindi 4"):

Mifano

<a href="#C4">Buka kwenye Kipindi 4</a>

Tafadhali jaribu maelezo yako

Au, kwenye ukurasa mwingine, wafungue link kuhusu maktaba hii ("Buka kwenye Kipindi 4"):

<a href="html_demo.html#C4">Buka kwenye Kipindi 4</a>

Using the id attribute in JavaScript

JavaScript can also use the id attribute to perform certain tasks on a specific element.

JavaScript inaweza kutumia getElementById() Uandikizaji wa hatua kwa kufikia elementi na id:

Mifano

Use the id attribute to handle text with JavaScript:

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

Tafadhali jaribu maelezo yako

Mbinu:Tafadhali JavaScript ya HTML Kwenye haki hii, au kwenda Mafundisho ya JavaScript Muonea JavaScript kwenye

Muhtasari wa Kipindi

  • id The attribute is used to specify a unique id for an HTML element
  • id The value of the attribute must be unique in the HTML document
  • CSS and JavaScript can use id Use an attribute to select an element or set a specific element's style
  • id The value of the attribute is case-sensitive
  • id Mafanikio hayo yana uwanja wa ujenzi wa makala ya HTML
  • JavaScript inaweza kutumia getElementById() Uandikizaji wa hatua kwa kufikia elementi na id kwenye kifaa