Foros del Web » Diseño de Sitios web » HTML5
Respuesta
 
Herramientas Desplegado
17/02/2012, 11:56   #1 (permalink)
abermejo (Reg: julio-2011)
 
Mensajes: 18
Karma: 369
abermejo está desconectado
como saber si usamos corectamente html5

Si bien HTML5 nos da la posibilidad de tener una web mas semántica con nuevas etiquetas, como podemos saber que la forma en que utilizamos las etiquetas es correcta, que referencias podríamos tener como para decir esta manera es mejor que esta otra, como podríamos evaluar el desempeño de nuestro código.
  Responder Citando
17/02/2012, 13:58   #2 (permalink)
Tedel (Reg: enero-2011)
 
Mensajes: 1.223
Karma: 7684
Ubicación: Lima
Tedel está desconectado
Respuesta: como saber si usamos corectamente html5

En simple:

Tu encabezado va en <header>.
Tu pie va en <footer>.
Tus artículos van en <section>.
Citas grandes de otras fuentes van en <article>.
__________________
Autor de Heptagrama, una revista que puede hacer mucho por ti. @tedel en Twitter.
  Responder Citando
20/02/2012, 13:19   #3 (permalink)
memoadian (Reg: junio-2009)
 
Mensajes: 2.104
Karma: 6441
Ubicación: Manganimemas
memoadian esta en línea ahora
Respuesta: como saber si usamos corectamente html5

hay un validador de html5 en la w3c por lo menos te dice si no cometes errores de sintaxis y otros cuantos. lo demás es SEO y conceptos
__________________
a mi me gusta dar Cursos del webmaster y ahora tambien HTML5 videotutoriales
  Responder Citando
26/03/2012, 17:36   #4 (permalink)
karlos2101 (Reg: marzo-2012)
 
Mensajes: 23
Karma: n/a
karlos2101 está desconectado
Respuesta: como saber si usamos corectamente html5

[URL="http://validator.w3.org/"]http://validator.w3.org/[/URL]
  Responder Citando
26/03/2012, 20:35   #5 (permalink)
ryugen (Reg: agosto-2008)
 
Mensajes: 219
Karma: 4660
ryugen esta en línea ahora
Respuesta: como saber si usamos corectamente html5

Cita:
Iniciado por Tedel Ver Mensaje
En simple:

Tu encabezado va en <header>.
Tu pie va en <footer>.
Tus artículos van en <section>.
Citas grandes de otras fuentes van en <article>.
Me parece que tanta simplcidad lleva a lo contrario del objetivo de la pregunta.

De acuerdo a la documentación de HTML 5 (Borrador de 20 de marzo de 2012)

Cita:
The header element represents a group of introductory or navigational aids.

A header element is intended to usually contain the section's heading (an h1–h6 element or an hgroup element), but this is not required. The header element can also be used to wrap a section's table of contents, a search form, or any relevant logos.
Digamos que es correcto utilizarlo (<header>) para el encabezado de tu página Web pero también podría utilizarse en el encabezado de un articulo, una sección o cualquier otro elemento que introduzca una nueva sección.

Cita:
The footer element represents a footer for its nearest ancestor sectioning content or sectioning root element. A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like.

When the footer element contains entire sections, they represent appendices, indexes, long colophons, verbose license agreements, and other such content.

Contact information for the author or editor of a section belongs in an address element, possibly itself inside a footer.

Footers don't necessarily have to appear at the end of a section, though they usually do.

When the nearest ancestor sectioning content or sectioning root element is the body element, then it applies to the whole page.
IDEM para <footer>. Puede usarse como bien dice la documentación para el pie del body o bien para cualquier otra sección del documento.

Mientras que <article> de acuerdo a la documentación:

Cita:
The article element represents a self-contained composition in a document, page, application, or site and that is, in principle, independently distributable or reusable, e.g. in syndication. This could be a forum post, a magazine or newspaper article, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.
Sería contenido relacionado y que se autodefina y represente un contenido independiente.

Mientras que las secciones (<section>) son un conjunto de contenidos sobre el mismo tema.

Cita:
The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.
Mientras que no nos confundamos, las citas siguen marcandose con las etiquetas <blockquotes>
  Responder Citando
03/04/2012, 04:15   #6 (permalink)
DanielRGB (Reg: marzo-2012)
 
Mensajes: 103
Karma: 801
DanielRGB esta en línea ahora
Respuesta: como saber si usamos corectamente html5

Cita:
Iniciado por memoadian Ver Mensaje
hay un validador de html5 en la w3c por lo menos te dice si no cometes errores de sintaxis y otros cuantos. lo demás es SEO y conceptos

exacto es la mejor manera
__________________
Yo recomiendo para el hosting - www.cyberneticos.com

"Me encanta cuando los planes salen bien"
Hannibal Smith
  Responder Citando
03/04/2012, 11:19   #7 (permalink)
Colaborador
emprear (Reg: junio-2007)
 
Mensajes: 4.694
Karma: 23233
Ubicación: Castelar
emprear está desconectado
Respuesta: como saber si usamos corectamente html5

Cita:
Iniciado por abermejo Ver Mensaje
Si bien HTML5 nos da la posibilidad de tener una web mas semántica con nuevas etiquetas, como podemos saber que la forma en que utilizamos las etiquetas es correcta, que referencias podríamos tener como para decir esta manera es mejor que esta otra, como podríamos evaluar el desempeño de nuestro código.
@abermejo, un código correctamente escrito no implica de ninguna manera un código correctamente usado.
Justamente. el hecho de que html5 incorpore etiquetas de mayor interpretación semántica, hace que no pueda realizarse ninguna valoración de su uso a menos que muestres todo el contenido de tu web.
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  Responder Citando
06/04/2012, 09:01   #8 (permalink)
 
Mensajes: 154
Karma: 126
Ubicación: Argentina
bender3001 está desconectado
Respuesta: como saber si usamos corectamente html5

Cita:
Iniciado por abermejo Ver Mensaje
Si bien HTML5 nos da la posibilidad de tener una web mas semántica con nuevas etiquetas, como podemos saber que la forma en que utilizamos las etiquetas es correcta, que referencias podríamos tener como para decir esta manera es mejor que esta otra, como podríamos evaluar el desempeño de nuestro código.
Si bien existe un validador del W3C (que aún es experimental) depende de lo que te refieras. Algunas etiquetas semánticas tienen un sentido bastante exacto en su definición, pero otras pueden ser según el criterio. Por ejemplo, <section> se refiere a una caja que debe contener contenido relacionado, y allí dependerá de tu maqueta como la apliques. Obviamente hay otras que tienen una aplicación más clara, como el caso de <header>, <nav> o <footer>.

Si miras ejemplos o lees libros, encontrarás algunas coincidencias en la aplicación, pero también hay temas en debate de como utilizarlo y, en definitiva, dependerá de tu proyecto.

Saludos
  Responder Citando
Respuesta

Etiquetas
correcta, forma, html

Herramientas
Desplegado



La zona horaria es GMT -6. Ahora son las 10:08.
SEO by vBSEO 3.3.2