HTML global attributes, HTML belgesindeki birçok element için ortak olan ve genellikle tüm HTML elementlerinde kullanılabilen özelliklerdir. Bu global özellikler, HTML belgesinin genel özelliklerini tanımlar ve birçok element tarafından kullanılabilir. İşte bazı HTML global attributes:
-
class:- Bir HTML öğesine bir veya daha fazla sınıf adı atar. CSS ile bu sınıfları stillemek için kullanılır.
<div class="container">İçerik buraya gelecek</div> -
id:- Bir HTML öğesine benzersiz bir kimlik atar. Genellikle JavaScript veya CSS tarafından öğeye erişim sağlamak için kullanılır.
<p id="unique-paragraph">Bu bir benzersiz paragraf.</p> -
style:- Bir HTML öğesine özgü stil özellikleri eklemek için kullanılır. CSS kurallarını doğrudan içerir.
<span style="color: red; font-size: 16px;">Bu metin kırmızı renkte ve 16 piksel büyüklüğünde.</span> -
title:- Bir HTML öğesine açıklama ekler. Genellikle fare üzerine gelindiğinde gösterilen bir açıklama metni sağlar.
<a href="https://www.example.com" title="Example Website">Example</a> -
lang:- Bir HTML belgesinin dilini belirtir.
<html lang="en"> -
dir:- Bir metnin yazım yönünü belirtir. "ltr" (left to right) veya "rtl" (right to left) değerlerini alabilir.
<p dir="rtl">Bu metin sağdan sola doğru yazılmıştır.</p> -
data-*:- Özel veri özellikleri eklemek için kullanılır. Bu özellik, özel veri noktalarını saklamak ve JavaScript tarafından erişmek için kullanışlıdır.
<div data-info="Özel bilgi">İçerik buraya gelecek</div> -
role:- Erişilebilirlik için kullanılan rolü belirtir.
<button role="button">Tıkla</button> -
aria-*:- Erişilebilirlik özellikleri eklemek için kullanılır. ARIA (Accessible Rich Internet Applications) standartlarına uygun olarak özel erişilebilirlik rolleri ve durumları belirlemek için kullanılır.
<button aria-label="Kapat">X</button>
Bu özellikler, HTML belgesinde birçok element için geçerli olan ve genel kullanıma yönelik olan özelliklerdir. Bu özellikler, sayfa yapısını ve görünümünü kontrol etmek, erişilebilirlik sağlamak ve CSS veya JavaScript ile etkileşimli özellikler eklemek için kullanışlıdır.