HTML id Özellik

tarafından

Kimliği özelliğini kullanan

idNiteliği HTML elemanı (değer HTML belgesi içinde benzersiz olmalıdır) için benzersiz bir kimlik belirtir.

id değer belirtilen id değeri ile eşsiz bir element için belirli görevleri gerçekleştirmek için CSS ve JavaScript tarafından kullanılabilir.

CSS olarak, elemanın kimliği eklenen bir karma (#) karakteri, yazma, belli bir kimliğe sahip bir öğeyi seçmek için:

Örnek

id “myHeader” bir öğe görünümünün CSS kullanın:

<style>
#myHeader{
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
</style>

<h1 id=”myHeader”>My Header</h1>

İpucu: id özelliği kullanılabilir herhangi bir HTML öğesine.

Not: id değeri harf duyarlıdır.

Not: id değeri en az içermelidir bir karakter, ve gereken olmayan boşluk (boşluk, tab, vs.) ihtiva etmektedir.


Sınıf ve kimliği arasındaki fark

Bir sınıf adı birden unsurlar tarafından kullanılabilir sırasında bir HTML öğesi yalnızca bu tek elemana ait bir benzersiz bir kimliğe sahip olabilir:

Örnek

<style>
/* Style the element with the id “myHeader” */
#myHeader{
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}

/* Style all elements with the class name “city” */
.city {
background-color: tomato;
color: white;
padding: 10px;
}
</style>

<!– A unique element –>
<h1 id=”myHeader”>My Cities</h1>

<!– Multiple similar elements –>
<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>

Kimliği ve bağlantılar imleri

HTML imleri okuyucular, bir Web sayfasının belirli bölgelerine atlamasını sağlamak için kullanılır.

Web sayfanız çok uzunsa imleri yararlı olabilir.

Bir yer imi yapmak için öncelikle işareti oluşturmak ve sonra buna bir bağlantı eklemek gerekir.

bağlantı tıklandığında, sayfa imi ile yere kayar.

Örnek

İlk olarak, bir işareti oluşturmak idözniteliği:

<h2 id=”C4″>Chapter 4</h2>

Ardından, aynı sayfa içinde, yer imi ( “Bölüm 4 Git”) bir bağlantı ekleyin:

<a href=”#C4″>Jump to Chapter 4</a>

Veya, başka bir sayfadan, imi ( “Bölüm 4 Git”) bir bağlantı ekleyin:

Örnek

<a href=”html_demo.html#C4″>Jump to Chapter 4</a>

JavaScript Kimliği özelliğini kullanan

JavaScript kullanarak belirli bir kimliğe sahip bir öğeyi erişebilirsiniz getElementById()yöntemi:

Örnek

JavaScript ile metin işlemek için kimlik özelliğini kullanın:

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

Yorum Yap

Your email address will not be published.

Şunlar da hoşunuza gidebilir