post

Genesis Framework 1.0 y Genesis 2.0 Cuadro de Comparación entre el lenguaje de Marcación

genesis 2.0 hecho para html-5Brian Gardner publico en su blog un artículo donde denota las diferencias de lenguaje entre la Marcación de Genesis 1.0 y Genesis 2.0.

HTML5 es un sistema para formatear el layout de nuestras páginas, así como hacer algunos ajustes a su aspecto. Con HTML5, los navegadores como Firefox, Chrome, Explorer, Safari y más pueden saber cómo mostrar una determinada página web, saber dónde están los elementos, dónde poner las imágenes, dónde ubicar el texto. La diferencia principal, sin embargo, es el nivel de sofisticación del código que podremos construir usando HTML5.

Recordemos antes que para activar HTML5 en Genesis 2.0 necesitamos agregar a la estructura de nuestro sitio web el siguiente código.

//* Add HTML5 markup structure
add_theme_support( 'genesis-html5' );

Abajo encontramos el cuadro de comparación entre Génesis 1.0 (XHTML) + temas vrs. el nuevo Génesis 2.0 ( HTML5) + temas que muestra Gardner.

 

Structural

XHTMLHTML5#wrap.site-container

#inner.site-inner

#content-sidebar-wrap.content-sidebar-wrap

#content.content

Header

XHTMLHTML5#header.site-header

#title-area.title-area

#title.site-title

#description.site-description

Navigation

XHTMLHTML5#nav.nav-primary

#subnav.nav-secondary

Entry

XHTMLHTML5.hentry.entry

.post-info.entry-header .entry-meta

.post-meta.entry-footer .entry-meta

.author.entry-meta-author

.categories.entry-meta-categories

.date.entry-meta-time

.post-comments.entry-meta-comments

.tags.entry-meta-tags

Comments

XHTMLHTML5#comments.entry-comments

Sidebars

XHTMLHTML5#sidebar.sidebar-primary

#sidebar-alt.sidebar-secondary

Footer

XHTMLHTML5#footer-widgets.footer-widgets

#footer.site-footer

Speak Your Mind

*