You are on page 1of 4

¿Por que validar el HTML?

¿Qué significa validar el HTML?
Simple, validar tu HTML significa ver si es que cumple con los
estándares del World Wide Web Consortium (W3C para los amigos).
En pocas palabras es como revisar tu HTML buscando errores de
gramática y ortografía.
No te preocupes, no es tan complicado, los chicos del W3C han hecho
un servicio gratuito de validación.

A los navegadores nos les gusta nada las páginas no
válidas.
Cuando un navegador encuentra una página no valida, este se pone
en un estado llamado quirks mode, este estado sirve para tratar de
interpretar lo que tu HTML no valido quiso decir.
También es muy posible que tu CSS no sea interpretado de una
manera que nunca hubieras podido imaginar.
Ahora, no es igual el quirks mode de Firefox que el de Opera que el de
Internet Explorer 6 o 7.
Esto hace que tu pagina pueda verse diferente según el navegador. (si
ya se ven diferentes con HTML válido imagínenselas en quirks mode).
Aún peor, secciones enteras de tu página podrían no verse en algún
navegador, en serio, esto me pasó una vez - Opera (tal vez el
navegador más quisquilloso con los estándares) NO mostraba un
formulario de contacto.

Nota: si tienes Internet Explorer 6, ya es hora de actualizarlo
a Internet Explorer 7o probar Firefox, también deberías darle un
vistazo a Opera.

Códigos HTML básicos[editar] Un ejemplo de código HTML con coloreado de sintaxis. el problema es que a ellos tampoco les encanta la idea de un HTML no válido y mucho menos un mal HTML. uno puede encontrarse con muchos errores y eso puede ser frustrante. La buena noticia es que mientras vayan mejorando en su HTML verán menos errores. (siempre sonrío cuando mi HTML valida al primer intento).No todos los que leen tu página son Humanos! imágen de baboon Los buscadores como Google o Yahoo rastrean la web buscando páginas para indexar. así que una de las mejores cosas que puedes hacer para conseguir un buen lugar con los chicos de Google o Yahoo es validarlo y escribir un buen HTML. validar no es lo más divertido del mundo. Tengo que advertirles. .

css" type="text/css"> .   <tr> : fila de una tabla. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. en vez de <table> cuando se desea alinear contenido. ya sea usando CSS u otros lenguajes similares. Esto es así de facto. Por lo general. esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como. que significa la palabra justo tras DOCTYPE el tag de raíz.com" title="Ejemplo" target="_blank" tabindex="1">Ejemplo</a> se representa como Ejemplo).  <script> : incrusta un script en una web. A continuación se indican algunas a modo de ejemplo:  <h1> a <h6> : encabezados o títulos del documento con diferente relevancia.  <div> : división de la página. ya que en teoría lo que define el tipo de documento es el DOCTYPE. <a> : hipervínculo o enlace.  <meta> : para metadatos como la autoría o la licencia. Por ejemplo: <a href="http://www.  <td> : celda de una tabla (debe estar dentro de una fila). <html> : define el inicio del documento HTML. Se recomienda.  <table> : define una tabla. o llama a uno mediante src="url del script" .  <head> : define la cabecera del documento HTML. le indica alnavegador que lo que viene a continuación debe ser interpretado como código HTML. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link> .  <body> : define el contenido principal o cuerpo del documento.example. junto con css.  <style> : para colocar el estilo interno de la página. como color de fondo y márgenes. dentro o fuera del sitio web. . dentro de esta etiqueta pueden definirse propiedades comunes a toda la página. Debe definirse el parámetro de pasada por medio del atributo href. por ejemplo. Dentro de la cabecera <head> es posible encontrar:  <title> : define el título de la página. Por ejemplo: <link rel="stylesheet" href="/style. Esta es la parte del documento html que se muestra en el navegador. incluso para indicar parámetros http (mediante http-equiv="" ) cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting. el título de la ventana del navegador. en el caso de JavaScript text/javascript . el título aparece en la barra de título encima de la ventana. Se recomienda incluir el tipo MIME en el atributo type .  <link> : para vincular el sitio a hojas de estilo o iconos.

 <u> : Antes texto subrayado. pero con una barra («/») tal como se muestra en los siguientes ejemplos:  <table><tr><td>Contenido de una celda</td></tr></table> . Se recomienda usar la etiqueta <em> ). <img> : imagen.  <script>Código de un script integrado en la página</script> . para indicar correcciones por ejemplo. . Por ejemplo: <img src=". A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto. que indica la ruta en la que se encuentra la imagen.  <b> : texto en negrita (etiqueta desaprobada./imágenes/mifoto. Requiere del atributo src.  <s> : texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del> ). por accesibilidad.jpg" /> .  <i> : texto en cursiva (etiqueta desaprobada.  <li><ol><ul> : etiquetas para listas. (etiqueta desaprobada en HTML 4. poner un atributo alt="texto alternativo" .01 y redefinida en HTML 5)13 14 La mayoría de etiquetas deben cerrarse como se abren. Es conveniente. Se recomienda usar la etiqueta <strong> ).