Dlaczego w takim przypadku powinienem preferować HTML5 do HTML4?

Question

HTML 5

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

HTML 4

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

Obie te muszą być wyrównane przez CSS. Czym dokładnie jest użycie HTML 5? Tak, istnieją znaczniki formularzy w HTML 5, które są bardzo przydatne, ale jestem zaniepokojony powyższym.

Answer 1

Jedno słowo: semantyka.

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

EDIT: Parafrazując artykuł, na zamówienie (i słusznie), HTML 5 wprowadził szereg nowych znaczników, takich jak article, section, nav, header, footer i innych, tradycyjnie zostały utworzone ręcznie w HTML 4 przy użyciu tagów div i wartości semantycznych identyfikatorów (np. <div id='header'>.

Dzięki utworzeniu nowych znaczników semantycznych łatwiej jest zrozumieć znaczniki dla ludzi, a także łatwiej je interpretować parsować semantycznie przez maszyny, na przykład będzie to łatwe r do napisania kodu, który przeszukuje strony internetowe w poszukiwaniu treści artykułu (pomyśl wyszukiwanie w blogu) za pomocą znormalizowanego tagu, zamiast przeszukiwać strony pełne div s.

Answer 2

Kilka powodów off szczycie mojej głowie:

1) Jest to bardziej wyraźne i oszczędność miejsca, aby rozdzielić poszczególne komponenty z witryny Przykład:

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

vs.

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

Zajmuje także mniej miejsca na bezpośrednie odwoływanie się do każdej z tych części w CSS lub JavaScript.

2) Podobnie, czytelnikom ekranu i tym podobnym może być łatwiej wyodrębnić przydatne informacje ze strony dla osób niewidomych lub niedowidzących.