HTML Global Attributes konusunu öğrenmek için ön koşul var mı?

Bu içerik temel seviyeden ileri seviyeye adım adım hazırlanmıştır. Kodları kopyalayıp Canlı Editör üzerinde test ederek kolayca pratik yapabilirsiniz.

Örnek kodları kendi projelerimde ücretsiz kullanabilir miyim?

Evet, PHP Hocası üzerindeki tüm kod örnekleri açık kaynak mantığıyla sunulmaktadır. Ticari veya kişisel projelerinizde serbestçe kullanabilirsiniz.

Takıldığım bir yerde nereden soru sorabilirim?

İçeriğin altındaki topluluk yorumları bölümünden sorunuzu iletebilirsiniz. Eğitmenlerimiz ve topluluk üyelerimiz kısa sürede yanıt verecektir.

HTML Global Attributes - Php Dersleri

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.

HTML Global Attributes

Bu ders size yardımcı oldu mu? Puan verin!

Sıkça Sorulan Sorular (SSS)

Topluluk Yorumları (0)

Ders Hakkında Yorum Yap veya Soru Sor