`<div>` etiketi, HTML'de bir bölüm (division) veya bölümleme elemanıdır. Temel olarak, bir HTML belgesini mantıksal parçalara ayırmak ve bu parçalara stil uygulamak veya manipüle etmek için kullanılır. `<div>` etiketi, bir kapsayıcı görevi görür ve diğer HTML elemanlarını içinde barındırabilir.
**Temel Özellikleri:**
* **Blok Düzeyinde Eleman:** `<div>` etiketi, varsayılan olarak blok düzeyinde bir elemandır. Bu, tarayıcıda yeni bir satırda başlar ve bulunduğu satırın tamamını kaplar.
* **Anlamsal Bir Değeri Yoktur (Semantik Olmayan):** `<div>` etiketi, içeriği hakkında herhangi bir anlam taşımaz. Bu nedenle, içeriğin anlamını belirtmek için daha uygun semantik etiketler (örneğin, `<article>`, `<section>`, `<nav>`) kullanmak genellikle daha iyi bir uygulamadır. Ancak, semantik bir karşılığı olmayan durumlarda veya stil ve düzenleme amacıyla yaygın olarak kullanılır.
* **CSS ile Stil Verme:** `<div>` etiketleri, CSS ile kolayca stil verilebilir. `class` ve `id` özellikleri kullanılarak belirli `<div>` etiketlerine özel stiller uygulanabilir.
* **JavaScript ile Manipülasyon:** JavaScript kullanılarak `<div>` etiketlerinin içeriği, görünümü veya davranışı dinamik olarak değiştirilebilir.
**Kullanım Alanları:**
* **Sayfa Düzenini Oluşturma:** Sayfanın farklı bölümlerini (header, footer, main content vb.) oluşturmak için kullanılabilir.
* **İçerik Gruplama:** İlgili içerikleri bir araya getirerek daha düzenli bir yapı oluşturulabilir.
* **Stil Uygulama:** Belirli bir içerik bloğuna özel stil uygulamak için kullanılabilir.
* **JavaScript ile Etkileşim:** Belirli bir içerik bloğunu JavaScript ile manipüle etmek için kullanılabilir.
**Örnek:**
```html
<div id="header">
<h1>Web Siteme Hoş Geldiniz</h1>
<p>Bu bir başlık bölümüdür.</p>
</div>
<div class="main-content">
<h2>Makale Başlığı</h2>
<p>Bu bir makale içeriğidir.</p>
</div>
<div id="footer">
<p>Telif Hakkı © 2023</p>
</div>
Bu örnekte, <div>
etiketleri kullanılarak sayfanın başlık, ana içerik ve alt bilgi bölümleri ayrılmıştır. Her bir <div>
etiketine id
veya class
özellikleri atanarak CSS ile stil verilebilir.
Önemli Konular:
Ne Demek sitesindeki bilgiler kullanıcılar vasıtasıyla veya otomatik oluşturulmuştur. Buradaki bilgilerin doğru olduğu garanti edilmez. Düzeltilmesi gereken bilgi olduğunu düşünüyorsanız bizimle iletişime geçiniz. Her türlü görüş, destek ve önerileriniz için iletisim@nedemek.page