HTML id Attribute

Örnek

Kullanım id JavaScript metni işlemek için niteliğini:

<html>
<body>

<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>

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

</body>
</html>

Kendin dene "

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

id niteliği benzersiz belirten id bir HTML elemanı (değer HTML belgesi içinde benzersiz olmalıdır) için.

id özniteliği, bir stil sayfasında bir tarzda işaret etmek en çok kullanılan ve JavaScript ile (via the HTML DOM) spesifik olan eleman işlemek için id .

Tarayıcı Desteği

nitelik
id	Evet	Evet	Evet	Evet	Evet

HTML 4.01 ve HTML5 Arasındaki Farklar

HTML5'de id özelliği kullanılabilir any HTML elemanı (herhangi bir HTML elemanı üzerinde doğrular. Bununla birlikte, mutlaka faydalı değildir).

HTML 4.01 yılında id niteliği ile kullanılamaz: <base>, <head>, <html>, <meta>, <param>, <script>, <style> ve <title> .

Note: HTML 4.01 içeriğine büyük kısıtlamalar vardır id değerlerinin (for example; in HTML 4.01 id values cannot start with a number) .

Sözdizimi

< Özellik Değerleri

değer	Açıklama
id	Benzersiz belirtir id elemanı için. kuralları Adlandırma: en az bir karakter içermelidir Herhangi uzay karakterler içermemelidir HTML'de, tüm değerler harf duyarsız

Diğer Örnekler

Örnek 1

Kullanım id belirli bir elemana bağlamak için niteliğini id bir sayfa içinde:

<html>
<body>

<h2><a id="top">Some heading</a></h2>

<p>Lots of text....</p>
<p>Lots of text....</p>
<p>Lots of text....</p>

<a href="#top">Go to top</a>

</body>
</html>

Kendin dene "

Örnek 2

Kullanım id CSS ile stil metne niteliğini:

<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>

<h1 id="myHeader">w3ii is the best!</h1>

</body>
</html>

Kendin dene "