HTML section Etiketi Nedir ve Nasıl Kullanılır?
HTML section etiketi, ana yapıyı oluşturmak için kullanılan bir etikettir. Bildiğiniz gibi bir makale veya blog yazısını <article> elementi ile yazmalıyız. (HTML article etiketi için buraya tıklayınız.) İşte article elementinin içerisinde section elementi ile ayrı ayrı alanlar oluşturabiliriz. section elementi <p> elementi ile karıştırılmamalı. Bu element sadece aynı tipteki içerikleri gruplamak için kullanılabilir.
<section> … </section> elementinin genel kullanımı aşağıdaki gibidir.
<section> Burası bir içerik alanıdır. </section>
section elementi ile basit bir örnek yapalım. Örneğimiz aşağıdaki gibi olacaktır.
<!DOCTYPE html> <head> <title> Section Örnek </title> <meta charset="utf-8"> </head> <body> <article> <h1> Poem </h1> <p> Hey there! This is for you! </p> <section> <h2>section: 1</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</p> </section> <section> <h2>section: 2</h2> <p>tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</p> </section> <section> <h2>section: 3</h2> <p>quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</p> </section> <section> <h2>section: 4</h2> <p>consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse</p> </section> <section> <h2>section: 5</h2> <p>cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non</p> </section> <section> <h2>section: 6</h2> <p>proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> </section> </article> </body> </html>
HTML section etiketi konusunu bu yazımızda gördük. Konu ile ilgili soru, görüş ya da fikirlerinizi aşağıda bulunan yorumlar kısmı ile bizlere ulaştırabilirsiniz. Aşağıdaki linke tıklayarak HTML ile ilgili diğer yazılarımıza da ulaşabilirsiniz. Ayrıca Instagram ve Twitter linklerine de tıklayarak bizi Instagram ve Twitter üzerinden takip ederek destek olabilirsiniz.
https://yazilimdelisi.com/category/web-gelistirme/html/
Sosyal Medya Hesaplarımız
