HTML <div> etiketi, belgenizin bir bölümünü tanımlamak için kullanılır. <div> etiketiyle, diğer HTML öğelerini tek bir mantıksal grupta birleştirebilirsiniz.
Temel etiket, <div> </div> şeklinde ve açılış / kapanış etiketleri arasına yerleştirilmiş içerikleri diğer HTML öğeleriyle birlikte yazılmıştır.
HTML 5’te, <div> öğesinin rolü bir miktar azalmıştır. Bununla, HTML 5’in <div> ‘in geleneksel olarak kullanıldığı rolü üstlenen yeni unsurlar getirdiğini kastediyorum. Özellikle, HTML 5 kullanarak bir belgeyi işaretlerken, <div> öğesinin daha önce kullanıldığı durumlarda <article>, <aside>, <header> ve <footer> öğeleri kullanılmalıdır. Bu nedenle, <div> etiketi yalnızca, kullanılacak başka bir uygun HTML öğesi yoksa kullanılan bir uzantı mekanizması olarak kullanılmalıdır.
Kod:
<div style="width:50%;background-color:#FDFDDB;border:3px solid #C4C401;padding:5px;">
<p><q>Mutluluk çoğu zaman açık bıraktığınızı bilmediğiniz bir kapıdan gizlice girer.</q> Söz:<cite>John Barrymore</cite></p>
</div>
Kod:
<article lang="en-US">
<h2>My use of language and my cats</h2>
<p>My cat’s behavior hasn’t changed much since her absence, except
that she plays her new physique to the neighbors regularly, in an
attempt to get pets.</p>
<div lang="tr-TR">
<p>Siyah ve beyaz renkli olan diğer kedim, çok tatlı. Takip etti
Bizi bugün havuza, bizimle birlikte kaldırıma doğru yürüyoruz. Dün
Görünüşe göre komşularımızı ziyaret etti. Acaba bunu biliyor mu?
düzlükleri bizim ayna görüntüsümüzdür.</p>
<p>Hm, az önce fark ettim ki son paragrafta İngilizceyi kullandım
İngilizce. Ama Amerikan İngilizcesi yazmam gerekiyor. Yani ben
"kaldırım" veya "düz" veya "renk" dememeli ...</p>
</div>
<p>"Kaldırım" ve "apartman" ve "renk" demeliyim!</p>
</article>