HTML Section Etiketi

21/12/2025

HTML <section> etiketi, bir web sayfasındaki belirli bölümleri gruplandırmayı veya içerik bölümünü temsil eden yapısal bir HTML5 öğesidir. Web sayfasındaki içeriği anlamsal olarak işaretlemek ve yapılandırmak için kullanılır; bu da hem tarayıcıların hem de arama motorlarının sayfanın yapısını anlamasını kolaylaştırır.

<section>
 <h2>Lorem ipsum.</h2>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</section>

<section>
 <h2>Lorem ipsum.</h2>
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</section>

<section> Etiketinin Semantik Anlamı

<section> etiketi, bir web sayfasındaki içeriğin ayrı bir bölümünü veya tematik gruplandırmasını tanımlamak için kullanılır. Genellikle içeriği anlamlı bölümlere ayırmak için kullanılır; örneğin, bölümler, makaleler veya web sayfasının kesitleri gibi.

Semantik HTML hakkında daha fazla bilgi için: https://juniortoexpert.com/tr/seo-icin-semantik-html-onemi/

<section> Elementi İç İçe Kullanılabilir Mi?

Evet, <section> elementi iç içe kullanılabilir.

<section>
  <h2>Lorem ipsum.</h2>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</section>

<section>
  <h2>Lorem ipsum.</h2>
  <section>
  <h3>Lorem</h3>
  <p>Lorem ipsum dolor sit amet.</p>
  </section>
</section>