HTML id Özniteliği (HTML id Attribute)

HTML id özniteliği, İngilizce identification (kimlik) kelimesinin baş harflerinden oluşmaktadır. Adından da anlaşılacağı üzere aynı kimliğe sahip birden fazla id özniteliği aynı HTML belgesinde kullanılmamalıdır.

HTML id Özniteliği

Id seçicileri, etiket (tag) ve sınıf (class) seçicileri ile beraber üç seçici türünden biridir. Bu 3 seçici türü de style elementi (<style> </style>) içine yazılır.

⭐Etiket seçicileri aynı türden olan tüm etiketlere istediğimiz stili uygulamak için kullanılır. Stilini düzenlemek istediğiniz etiketin adını yazıp küme parantezleri “{ }” açmanız yeterlidir.

⭐Sınıf seçicileri ile stil uygulanmak istenen etiketlere uygun bir sınıf ad verilir. İlgili sınıfın adı öncesinde bir nokta (.) karakteri eklenir. Sonrasında ise küme parantezleri { } içinde CSS özellikleri tanımlanır.

⭐Id seçicileri de tıpkı sınıf seçicileri gibi yapılır. Ancak bir sınıf adı, birden çok HTML etiketi tarafından kullanılabilirken, bir id adı, sayfa içinde yalnızca bir HTML elementi tarafından kullanılmalıdır. Ayrıca sınıf seçicileri nokta (.) karakteri ile yazılırken id seçicileri # işareti ile yazılır.

❗ Belirtmek gerekir ki ister sınıf (class) seçici olsun, isterse ID seçici olsun isimlendirme yaparken Türkçe karakter kullanılmamalı ve isimlendirmeye rakamla başlanmamalıdır. Ayrıca bu isimler büyük/küçük harf duyarlılığına (age = Age) sahiptir.

See the Pen Untitled by 1kodum (@1kodum) on CodePen.