Webelop

Google lanzó un nuevo producto realmente interesante: Google Doctype. Definido según su creador, Doctype es “una enciclopedia para desarolladores web para desarolladores web”.

Armado en forma de Wiki, éste proyecto pretende documentar todos los estándares web de lenguajes abiertos (como Javascript, CSS, HTML, etc.). Puede ser editado y comentado por cualquiera que posea una cuenta en Google (o Gmail).

También tiene una versión en español, aunque no tan completa de cada tema.

http://code.google.com/doctype/

En este post, se informa que Google esta comenzando a rastrear nuevas URL que hasta ahora no podía ver, ya que no tenían links hacia ellas, a través de forms HTML que envían al usuario a dicha página usando el método GET sin requerir información personal.

Este cambio no se da en la indexación de todas las páginas, sino sólo en páginas importantes. El cambio será progresivo. De todas formas, la mejor forma para que una página sea indexada es que sea linkeada desde otra página que ya fue indexada.

Así si se tenían páginas sin links hacia ellas pero con acceso a través de forms, evitando intencionalmente ser indexadas, será conveniente plantear la restricción de acceso en el archivo robots.txt

A diferencia de Firefox, cuando se tiene un campo input dentro de un span en IE, el input hereda los valores de márgenes del span.

Esto puede generar problemas en la visualización, ya que el span tendrá más altura y más ancho. La solución es simplemente agregar margin: 0px a los estilos del campo input.

Es sabido que IE no hace un buen render de una página web. Con “buen render” me refiero a que no cumple con los estándares de la W3C.

Al hacer una página que cumpla con todos los estándares, son notables las diferencias de visualización entre Firefox, Opera, etc y IE.
Para reducir estas diferencias, es una buena idea usar DOCTYPEs en el encabezado del HTML. Éste DOCTYPE permite a los navegadores (y validadores de código) saber que versión de HTML se está utilizando. Existen distintos encabezados. Entre los más comunes están:

HTML 4.01 Estricto

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Establece que se utilizará estrictamente lo que establece el estándar de HTML 4.01, separando las Hojas de Estilo del código HTML de estructura.

HTML 4.01 Transicional
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Incluye todos los elementos y atributos de HTML 4.01 Estricto, pero agrega los elementos que ya no son utilizados en la versión 4.01 y atributos de presentación o estilo.

HTML 4.01 Frameset

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Usado en documentos que utilizan frames.

Algo que no hay que dejar de tener en cuenta a la hora de hacer una página de internet, es que el código cumpla con los estándares establecidos. Esto sirve, a parte de para hacer las cosas correctamente, para que la mayoría de los navegadores pueda mostrar correctamente la página (salvo IE que cumple con sus propios estándares).
También es importante para el SEO (search engine optimization), ya que Google da privilegio (aunque no mucho, se ve en los resultados) a las páginas que cumplen con los estándares.

World Wide Web Consortium, o W3C, es la organización que se encarga de estandarizar el código web. En su página se encuentran las especificaciones que indican de que manera se debe usar cada propiedad, cada tag, etc.

También es su web, hay herramientas destinadas a verificar que las páginas cumplan con los estándares y, de no ser así, mostrar los errores.

Las herramientas de verificación o validación son las siguientes:

• (X)HTML: http://validator.w3.org
• CSS y (X)HTML con hojas de estilo: http://jigsaw.w3.org/css-validator
• Feeds: http://validator.w3.org/feed

También hay una herramienta que busca enlaces (links) rotos: http://validator.w3.org/checklink