İçeriğe geç
parazade

HTML Etiketi Nedir?

İngilizce: HTML Tag

Yayın: · Son güncelleme:

HTML Etiketi Nedir? Kısaca

HTML etiketi, bir web sayfasındaki içeriğin ne olduğunu tarayıcıya bildiren, köşeli parantez içinde yazılan işaretlerdir. Başlık, paragraf, bağlantı ve görsel gibi her öğe bir etiketle tanımlanır.

HTML Etiketi nedir?
İçindekiler
  1. HTML etiketi nedir?
  2. En sık kullanılan etiketler
  3. Anlamsal etiketler neden önemli?

HTML etiketi nedir?

HTML etiketi, web sayfasındaki bir içeriğin türünü ve yapısını belirten koddur. Etiketler < ve > işaretleri arasına yazılır. Çoğu etiketin bir açılış ve bir kapanış hâli vardır, örneğin <p>Merhaba</p> bir paragrafı tanımlar.

Kapanış etiketi, adın önüne eğik çizgi eklenerek yazılır. Görsel ekleyen <img> veya satır kıran <br> gibi bazı etiketlerin ise kapanışı yoktur. Bunlara boş (void) etiket denir.

En sık kullanılan etiketler

Bir sayfanın iskeleti birkaç temel etiketle kurulur:

Etiket Görevi
<h1> ile <h6> Başlıklar
<p> Paragraf
<a> Bağlantı
<img> Görsel
<ul>, <li> Liste
<div> Genel kapsayıcı

Etiketler öznitelik (attribute) alabilir. Örneğin <a href="/iletisim">Bize ulaşın</a> etiketinde href, bağlantının hangi adrese gideceğini belirtir.

Anlamsal etiketler neden önemli?

Her şeyi <div> ile yazmak mümkündür ama önerilmez. <header>, <nav>, <main>, <article> ve <footer> gibi anlamsal etiketler, içeriğin rolünü hem tarayıcıya hem de arama motorlarına açıkça anlatır.

Ekran okuyucu kullanan bir ziyaretçi için de bu fark büyüktür. Doğru etiketlenmiş bir menü, yardımcı teknolojinin onu "gezinme" olarak tanıtmasını sağlar. Kendi sayfanızı yazarken her bölüm için önce "bu içerik nedir?" diye sorup ona uygun etiketi seçmek iyi bir alışkanlıktır.

Sıkça Sorulan Sorular

HTML etiketi ile öğe aynı şey mi?

Yakın ama farklıdır. Etiket, `<p>` gibi yazılan işarettir. Öğe ise açılış etiketi, içerik ve kapanış etiketinin tamamıdır.

HTML etiketleri büyük harfle yazılır mı?

HTML büyük küçük harfe duyarlı değildir, ama küçük harf kullanmak yaygın standarttır ve kodu daha okunaklı yapar.

İlgili terimler