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ı

1.02K
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> 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> 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: ÇOK YAKINDA…

(1022)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmeni 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ınlarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(3)

Senin Yorumların

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Sonucu Giriniz * Time limit is exhausted. Please reload CAPTCHA.