HTML id özelliği

Tanım ve Kullanım

id Özellik, HTML elementinin benzersiz bir id'sini tanımlar. (Bu değer HTML belgesinde benzersiz olmalıdır).

id Özellik, en sık stil tablosundaki stillere ve belirli bir id'ye sahip elementleri JavaScript (HTML DOM aracılığıyla) işlemek için kullanılır.

id Özellik, bağlantı sapını (link anchor) olarak da kullanılabilir.

Ayrıca bkz.:

HTML Eğitimi:HTML id

HTML Eğitimi:HTML özellikleri

CSS Eğitimi:CSS dilbilgisi

CSS Referans Kılavuzu:CSS #id Seçici

HTML DOM Referans Kılavuzu:HTML DOM getElementById() Metodu

HTML DOM Referans Kılavuzu:HTML DOM id Özelliği

HTML DOM Referans Kılavuzu:HTML DOM Style nesnesi

Örnek

Örnek 1

id özelliği kullanarak JavaScript ile bir metni değiştirin:

<html>
<body>
<h1 id="myHeader">Merhaba Dünya!</h1>
<button onclick="displayResult()">Metni Değiştir</button>
<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "Keyifli günler!";
}
</script>
</body>
</html>

Kişisel olarak deneyin

Sayfa altında daha fazla örnek sağlanmaktadır.

Sözdizimi

<element id="id">

Özellik değeri

Değer Açıklama
id

Bir ögeye benzersiz bir id belirleyin. Adlandırma kuralları:

  • En az bir karakter içermelidir
  • Boşluk karakteri içeremez

Daha fazla örnek

Örnek 2

id özelliği kullanarak belirli bir id'ye sahip sayfa içeriğine bağlanın:

<html>
<body>
<h2><a id="top">Bir Başlık</a></h2>
<p>Çok fazla metin ....</p>
<p>Çok fazla metin ....</p>
<p>Çok fazla metin ....</p>
<a href="#top">Geri Dön</a>
</body>
</html>

Kişisel olarak deneyin

Örnek 3

CSS tarzı ile id özelliği kullanarak metni örnekle:

<html>
<head>
<style>
#myHeader {
  color: red;
  text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">CodeW3C.com en iyisidir!</h1>
</body>
</html>

Kişisel olarak deneyin

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek