2011-06-25 15 views
5

HTML 5¿Por qué debería preferir HTML5 a HTML4 en este caso?

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

HTML 4

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

Ambos de estos tienen que ser alineados por CSS. ¿Cuál es exactamente el uso de HTML 5? Sí, hay etiquetas de formulario en HTML 5 que son muy útiles, pero me preocupa lo anterior.

Respuesta

11

Una palabra: semántica.

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

EDIT: Parafraseando el artículo, por la petición (y con razón), HTML 5 ha añadido una serie de nuevas etiquetas, tales como article, section, nav, header, footer, y otros que han, tradicionalmente, ha creado de forma manual en HTML 4 usando div etiquetas y los valores de ID semánticas (por ejemplo. <div id='header'>.

mediante la creación de estas nuevas etiquetas semánticas, que permite una más fácil de entender marcado para el ser humano, además de ser más fácil analizar semánticamente por máquinas. Por ejemplo, será más fácil r escribir código que rastrea páginas web buscando contenido de artículos (piense en búsquedas de blogs) con una etiqueta estandarizada, en lugar de tener que buscar páginas llenas de div s.

+0

Estaba leyendo sobre HTML 5, y por lo tanto tuve que preguntar esto. Para secuencias de comandos más complicadas, tengo que confiar en Javascript, jquery. De HTML 3 a HTML 4 hay una gran diferencia, es totalmente menos tabla. Para que sea menos complicado, ¿por qué usar HTML 5 – X10nD

+4

? Parafrasear el texto en el enlace que proporcionó. Esta respuesta ha sido aceptada como la mejor, si el enlace se rompe, también lo hace el contexto de la respuesta aceptada. En el futuro, hacer un enlace a la fuerza impulsora en una pregunta o respuesta suele ser una mala idea, por esa razón. –

5

Algunas razones de la parte superior de mi cabeza:

1) Es más explícito y ahorro de espacio para separar los componentes específicos de su sitio web Ejemplo:

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

vs

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

También ocupa menos espacio para hacer referencia directa a cada una de estas partes en CSS o JavaScript.

2) Del mismo modo, puede ser más fácil para los lectores de pantalla y similares extraer información útil de una página para las personas ciegas o con discapacidad visual.

+0

Ya hay lectores de pantalla que pueden leer en la página web. – X10nD

+0

Siempre hay margen de mejora. –

+0

Estoy de acuerdo, la posibilidad de mejora ... – X10nD

Cuestiones relacionadas