2011-06-25 22 views
5

HTML 5Bu durumda neden HTML5'i HTML4’ü tercih etmeliyim?

<section> 
    <article></article> 
    <article></article> 
</section> 

HTML 4

<div> 
    <div></div> 
    <div></div> 
</div> 

Bunların her ikisi de var CSS ile uyumlu hale getirilmesi. HTML 5'in kullanımı tam olarak nedir? Evet, HTML 5'te çok yararlı olan form etiketleri var, ancak yukarıdakilerle ilgileniyorum.

cevap

11

Tek kelime: anlambilim.

http://www.webmonkey.com/2010/02/building_web_pages_with_html_5/#Semantic_structure_at_last

EDIT bakınız: (ve haklı olarak çok), HTML 5, yeni etiket grubu eklemiştir isteği ile, makale Açıklamak için böyle article, section, nav, header, footer ve diğerleri gibi o kolay insanlar için işaretlemeyi anlamak için, geleneksel olarak, div etiketleri ve semantik kimlik değerlerini (örn. <div id='header'> kullanarak HTML 4 el yaratılmıştır.

bu yeni semantik etiketler oluşturarak, daha kolay olmasının yanı sıra, izin verir makineler tarafından semantik olarak ayrıştırılır. r div ile dolu sayfaları aramak zorunda kalmadan, standartlaştırılmış bir etiketle makale içeriği (blog aramayı düşünmek) isteyen web sayfalarını tarayan kod yazmak.

+0

HTML 5'i okuyordum ve bu yüzden bunu sormak zorunda kaldım. Daha karmaşık komut dosyaları için Javascript'e güvenmem gerekiyor jquery. HTML 3'ten HTML 4'e kadar, büyük bir fark var, tamamen tablo daha az. Daha az karmaşıklık yaratmak için, neden HTML 5 – X10nD

+4

kullanın? Lütfen sağladığınız bağlantıdaki metni parantezleyin. Bu cevap en iyisi olarak kabul edildi, eğer bağlantı koparsa - kabul edilen cevabın bağlamı da öyle. Gelecekte, bir soru veya cevapta itici gücü bir bağ kurmak, genellikle bu nedenle kötü bir fikirdir. –

5

kafamın üst kapalı bir kaç nedeni: Web sitenizin Örnek belirli bileşenleri ayırmak için Daha açık olduğunu

1) ve yerden tasarruf:

<section> 
    <article> 
    </article> 
</section> 

vs

<div class='section'> 
    <div class='article'> 
    </div> 
</div> 

Ayrıca, bu parçaların her birine CSS veya JavaScript'te doğrudan başvurmak için daha az yer kaplar. 2) Benzer şekilde, ekran okuyucuları ve benzerlerinin kör veya görme engelli olanlar için bir sayfadan yararlı bilgiler elde etmesi daha kolay olabilir.

+0

Web sayfasını okuyabilen ekran okuyucuları zaten var. – X10nD

+0

Her zaman iyileştirme için bir yer var. –

+0

Katılıyorum, iyileştirme odası .. – X10nD

İlgili konular