SECTION öğesi, bir web sayfasının veya sitenin, MAKALE veya ASIDE gibi daha özel bir tür olmayan anlamsal bir bölümü olarak tanımlanır. Tasarımcılar, sayfanın farklı bir bölümünü işaretlerken sıklıkla bu öğeyi kullanırlar - taşınabilen ve sitenin diğer sayfalarında veya bölümlerinde kullanılabilen bir bölümün tamamı. Ayrı bir içeriktir.
Buna karşılık, DIV öğesi, sayfanın aşağıdaki amaçlar dışında bölmek istediğiniz bölümleri için uygundur. anlambilim. Örneğin, CSS ile stil oluşturması için bir "kanca" vermek için bazı içeriği bir DIV'ye sarabilirsiniz. Anlamsal olarak farklı bir içerik bölümü olmayabilir, ancak istediğiniz düzeni veya hissi elde edebilmeniz için ayrılmıştır.
Her Şey Semantik Hakkında
DIV ve SECTION öğeleri arasındaki tek fark semantiktir; anlam böldüğünüz içeriğin
Bir DIV öğesinde bulunan herhangi bir içeriğin doğal bir anlamı yoktur. En iyi aşağıdakiler için kullanılır:
- CSS stilleri ve CSS stilleri için kancalar
- Düzen kapsayıcıları
- JavaScript kancaları
- İçeriği veya HTML'yi okumayı kolaylaştıran bölümler
DIV öğesi, stil belgelerine ve mizanpajlara kanca eklemek için kullanılabilen tek öğeydi. HTML5'ten önce, tipik web sayfası DIV öğeleriyle doluydu. Aslında, bazı WYSIWYG editörleri DIV öğesini yalnızca, bazen paragraflar yerine kullandı.
HTML5, daha semantik olarak açıklayıcı belgeler oluşturan ve bu öğeler üzerinde stillerin tanımlanmasına yardımcı olan bölümleme öğelerini tanıttı.
SPAN Öğesi Hakkında Ne?
Diğer bir yaygın anlamsal olmayan öğe ise SPAN'dır. kullanılmış Çizgide içerik blokları (genellikle metin) etrafına stiller ve komut dosyaları için kancalar eklemek için. Bu anlamda, tam olarak DIV gibidir, ancak bir blok elemanı. DIV'yi blok düzeyinde bir SPAN olarak düşünün ve onu aynı şekilde, ancak tüm HTML içeriği blokları için kullanın.
HTML'nin karşılaştırılabilir satır içi bölümleme öğesi yoktur.
Internet Explorer'ın Eski Sürümleri İçin
Microsoft'un Internet Explorer'ın HTML5'i güvenilir bir şekilde tanımayan çok daha eski sürümlerini destekliyor olsanız bile, anlamsal olarak doğru HTML etiketlerini kullanmalısınız. Anlambilim, size ve ekibinize gelecekte sayfayı yönetmenize yardımcı olacaktır. Internet Explorer'ın en son sürümleri ve onun yerine geçen Microsoft Edge, HTML5'i tanır.
DIV ve SECTION Öğelerini Kullanma
DIV ve SECTION öğelerini geçerli bir HTML5 belgesinde (SECTION) birlikte kullanabilirsiniz. CSS, JavaScript ve düzen için kancaları tanımlamak için içeriğin semantik olarak ayrı bölümleri ve DIV amaçlar.
Jennifer Krynin'in orijinal makalesi. Jeremy Girard tarafından 3/15/17 tarihinde düzenlendi.