Home CSS3 / HTML5 Html5 Dersleri-4 | Article ve Section Elementi Kullanımı
Html5 Dersleri-4 | Article ve Section Elementi Kullanımı

Html5 Dersleri-4 | Article ve Section Elementi Kullanımı

896
3

Merhaba arkadaşlar , Html5 derslerinde 4. dersimize geldik. Bugün ki konumuz html5 te kullanılan article ve section elementleri. Bu elementler seo açısından önemli elementler olduğunu bilmemiz gereklidir.  < article > elementi sayfanıza yazmış olduğunuz yazının makale tarzı bir yazı olduğunu belirtir , böylece yazılan yazının hangi gruba dahil olduğunu arama motorlarına belirtmiş oluyorsunuz. Kısacası sayfada yazılan yazı türünün makale veya deneme yazısı olduğunu belirtiyorsunuz.

Kullanım şekli aşağıdaki gibidir.

<!DOCTYPE html>

<html>

<head>

<title>HTML5 article elementi örneği</title>

</head>

<body>

<article>

<h1>Makalenin Başlığı</h1>

<p>Makalenin içeriği</p>

</article>

</body>

</html>

< section > elementine gelelim. Bu element bölüm elementidir. Sitenin sayfamızın içeriklerini bölümlendirmek için kullanacağımız bir elementtir.  Sayfanızda kullanacağınız section elementiyle sayfanızı html gibi bölümlendirmiş olup her bir sayfanız ayrı bir html başlığı varmış gibi görünecektir. Böylece arama motorlarında her bölüm için ayrı bir tanımlama yapabileceksiniz. Kullanım şekli aşağıdaki gibidir.

<!DOCTYPE html>

<html>

<head>

<title>HTML5 section elementi örneği</title>

</head>

<body>

<section>

<h1>Bu bölüm başlığı/h1>

<p>Bu bölüm içeriği</p>

</section>

</body>

</html>

Diğer derslerde birlikte olmak dileğiyle. Bizi okumaya devam edin. 🙂

DERS ANLATIMLARI

( Başlıklara Tıklayarak Diğer Derslere Geçebilirsiniz)

DERS1: HTML 5 Nedir? ve Html5 Anlatım

DERS2:Html5 Dersleri-2 | Header, Footer Elementleri Kullanımı

DERS3: Html5 Dersleri-3 | Nav Elementi Kullanımı

DERS4: Html5 Dersleri-4 | Article ve Section Elementi Kullanımı

DERS5: Html5 Dersleri-5 | Aside Elementi Kullanımı

DERS6: Html5 Dersleri-6 | video, audio Elementleri Kullanımı

(896)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmenliğini bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlayarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(3)

Cevaplayın Burak Yanıtı iptal et

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.