<section> HTML öğesi, belirli bir konsepti veya içeriği semantik olarak gruplamak amacıyla kullanılır. Sayfanızı daha anlamlı ve düzenli hale getirmek için içerik parçalarını gruplamak için kullanışlıdır. Örneğin, bir web sayfasında “Hakkımızda,” “Hizmetlerimiz,” ve “İletişim” gibi farklı bölümleri oluşturmak için <section> öğesini kullanabilirsiniz. Bu, içeriği mantıklı bir şekilde düzenlemenize yardımcı olur.”
Örnek kullanım:
<section>
<h2>Hakkımızda</h2>
<p>Şirketimiz 10 yıldan fazla deneyime sahiptir ve...</p>
</section>
<section>
<h2>Hizmetlerimiz</h2>
<ul>
<li>Web Tasarımı</li>
<li>Yazılım Geliştirme</li>
<li>Dijital Pazarlama</li>
</ul>
</section>
<section>
<h2>İletişim</h2>
<address>
<p>Adres: 123 Örnek Sokak, Şehir</p>
<p>Email: info@example.com</p>
<p>Telefon: (123) 456-7890</p>
</address>
</section>
Bu örnek, sayfayı farklı bölümlere ayırmak amacıyla <section> öğesini kullanmaktadır. Her bir bölüm, bir başlık ve ilgili içerikle birlikte gelir, böylece sayfada anlamlı bir yapı oluşturur. <section> öğesi, sayfanın içeriğini daha iyi anlamamıza yardımcı olan semantik bir öğedir ve ayrıca tarayıcılar ve ekran okuyucular gibi teknolojiler için daha iyi erişilebilirlik sağlar.