Html Kimlik Yapma

HTML Kimlik Yapma

HTML kimlik yapma, bir HTML öğesini benzersiz bir şekilde tanımlamak için kullanılan bir özelliktir. Bu, öğeyi diğer öğelerden ayırmak ve ona stil vermek, davranışını değiştirmek veya ona erişmek için kullanılabilir.

Kimlik özelliği, HTML öğesinin açılış etiketine id özniteliği olarak eklenir. Örneğin:

“`html

“`

Bu örnekte, div öğesine header kimliği atanmıştır. Bu, öğeyi diğer div öğelerinden ayırmak ve ona stil vermek, davranışını değiştirmek veya ona erişmek için kullanılabilir.

Kimlik özelliği, bir HTML öğesini benzersiz bir şekilde tanımlamak için kullanılmalıdır. Aynı kimlik, aynı belgedeki birden fazla öğeye atanmamalıdır. Aksi takdirde, HTML belgesi geçersiz hale gelir.

Kimlik özelliği, aşağıdaki amaçlarla kullanılabilir:

  • Öğeye stil vermek için CSS kullanmak
  • Öğenin davranışını değiştirmek için JavaScript kullanmak
  • Öğeye erişmek için DOM kullanmak

CSS Kullanarak Öğeye Stil Vermek

Kimlik özelliği, CSS kullanarak öğeye stil vermek için kullanılabilir. Örneğin, aşağıdaki CSS kodu header kimliğine sahip div öğesine kırmızı bir arka plan rengi verir:

“`css

header {

background-color: red;
}
“`

JavaScript Kullanarak Öğenin Davranışını Değiştirmek

Kimlik özelliği, JavaScript kullanarak öğenin davranışını değiştirmek için kullanılabilir. Örneğin, aşağıdaki JavaScript kodu header kimliğine sahip div öğesini tıklandığında gizler:

javascript
document.getElementById("header").onclick = function() {
this.style.display = "none";
};

DOM Kullanarak Öğeye Erişmek

Kimlik özelliği, DOM kullanarak öğeye erişmek için kullanılabilir. Örneğin, aşağıdaki JavaScript kodu header kimliğine sahip div öğesinin içeriğini alır:

javascript
var headerContent = document.getElementById("header").innerHTML;

Faydalı Siteler

İlgili Dosyalar

Yayımlandı

kategorisi