Lista de bugs en navegadores web

2 comentarios · 348 lecturas · html y css

BrowserBugsSection es una documentada página web (anecdóticamente, del estilo web 0.1) donde se recopilan cientos y cientos de bugs de implementación (con descripciones y ejemplos en HTML) de navegadores, que pueden implicar problemas y todo tipo de quebraderos de cabeza al programador a la hora de desarrollar códigos web.

cat css browser bugs section
  • Internet Explorer 6 (IE6)
  • Mozilla
  • Firefox
  • Internet Explorer 7 (IE7)
  • Opera 9
  • Safari 3
  • Internet Explorer 8 (IE8)

Una genial fuente de referencia, repleta de enlaces con todo tipo de información, para buscar el problema concreto que tenemos y la forma de solucionarlo.


Youtube estándar con (X)HTML válido

16 comentarios · 2.259 lecturas · html y css

El código para insertar un video de Youtube (o análogos como metacafe, dailymotion, etc..) en una página que busca cumplir los estándares web es a menudo un quebradero de cabeza para los bloggers y webmasters.

Youtube proporciona un código que copiar y pegar en nuestro blog para reproducir los videos de una forma rápida y sencilla, pero el código no es todo lo correcto que debiera:

youtube code no estándar

Si comprobaramos con el validador W3C este código, veríamos que tiene varios problemas:

  • Se utiliza correctamente el tag object, pero no se especifican ciertos parámetros importantes como data o type.
  • Los tags "unitarios" param en XHTML se deben cerrar en la misma etiqueta de apertura.
  • El uso de la etiqueta no estándar embed puede producir incompatibilidades en navegadores que no la utilicen, así como dispositivos móviles, lectores u otros.
  • No se proporciona un método alternativo en el caso de que no exista soporte para flash.

La solución es bien sencilla. Basta con codificar de la siguiente manera:

youtube code estándar xhtml html

Descargar código youtube

En este código se corrigen varios conceptos, pero sobre todo se elimina el uso del tag embed, puesto que se trata de una etiqueta privada que se ha utilizado mucho e irregularmente, pero no es estándar.

  • Se utiliza un object con la dirección del objeto en el atributo data y el MIME en el atributo type.
  • Los tags param se vuelven "unitarios". Así el código es estándar XHTML, y además es compatible con HTML.
  • Accesibilidad: Se añade como método alternativo una imagen que se mostrará en el caso de no disponer del plugin Flash para el navegador. En el caso de no tener tampoco soporte para imagenes (lectores de voz, navegadores de texto, ...) se mostrará el texto del atributo alt de la imagen.

Un problema también muy común en las validaciones suele ser el tema de no codificar correctamente el ampersand (&) en una URL (en el atributo data de object o en value del param), que debería aparecer como &.

Finalmente, tendremos un código para videos o animaciones flash de youtube (u otra entidad similar) completamente estándar:

Video (Objeto multimedia)

El ADN de tu página web

5 comentarios · 3.087 lecturas · html y css

Web2dna art project es una página donde podrás convertir un sitio web en una secuencia ADN.

ADN emezeta blog

Es un proyecto puramente semántico, donde el brillo de las lineas determina la importancia de las etiquetas usadas en el HTML. Los encabezados brillan cuanto más grandes son (H1 > H2 > H3...), las tablas sobre las celdas o cabeceras (Table > Th > Td), tags como strong o em son más brillantes que las marcadas en desuso B o I, etc.

Además, puedes escoger el color de fondo entre azul, rojo, verde o negro para las tonalidades del ADN.

Vía ALT1040.


Referencia HTML visual

4 comentarios · 2.647 lecturas · html y css

A continuación, una referencia de etiquetas HTML, totalmente visual.

referencia html visual

Para que no se nos olvide ninguno ;-).


Páginas: 1 ... 2 3 4 5 ... 7


Artículo de http://www.emezeta.com/

6 consultas efectuadas / Página generada en 0.039 segundos

Programado íntegramente por José Román (Manz) en XHTML y CSS estándar.

Sindicado bajo Feed RSS. Contenido bajo licencia Creative Commons

Estadísticas de visitas · Términos y condiciones · Contacto · Publicidad · Preguntas frecuentes (FAQ)