1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

W3Cimagen de charlton_b

Iconos de HTML válido... los odio

Si te interesa mostrar es tu página que usas HTML o XHTML válido, el W3C tiene iconos para tu web (con un enlace al W3C Validator para comprobarlo).

No se que tan buena idea sea mostrar si tu código es valido (si es que a alguien le interesa saberlo), en todo caso tienes la opción. El único problema con esos íconos es que...

Son Horribles

que feos son los iconos de HTML válido Como puedes ver, no son para nada interesantes, hasta me animaría a decir que no hacen más que malograr el diseño.

Y nadie quiere malograr su diseño... pero para quienes quieran probar....

El código

Esta es una muestra del botón funcionando.

Valid XHTML 1.0 Strict

Y este es un ejemplo del código que se usa para mostrarlos:

<p>
<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>

Muchas páginas han optado por mostrar un link de texto en vez de poner el icono, eso se logra simplemente eliminando el elemento <img> del código y cambiándolo por texto, por ejemplo "HTML válido", o lo que se te ocurra.

<p>
<a href="http://validator.w3.org/check?uri=referer">TEXTO AQUÍ</a>
</p>

Y esto funcionando se ve así: Freakin' Valid XHTML!.

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de Laren Laren

    Hummm, pero no hay obligaci{on de usar los iconos originales de la W3C. Puedes colocar links textuales o tambien iconos creados por ti mismo.

    Asi evitamos que esos botones sin mucha gracia rompan con el diseño, al final lo que vale es la página que afirma que tu web es válida.

  2. Avatar de Germán Germán

    De lo que no hay obligación es de mostrar siquiera que tu HTML o XHTML es válido.

    No creo que a mucha gente le interese saberlo (en realidad depende bastante del target del sitio), en todo caso los botones del W3C son horribles.

  3. Avatar de Carlos Adrián Carlos Adrián

    El tuyo es de los pocos sitios que, al darle click al "Valid icon" en verdad es válido cuando lo revisa el W3C.

    Buen artículo; aunque es verdad que los íconos no son del todo bonitos, sólo tomas la URL y haces un a-href con ella.

  4. Avatar de Gino Barahona Gino Barahona

    Claramente nadie, se dio el tiempo de validar el resto del sitio....

    ---------------------------------------------------------------------
    Carlos Adrián says:
    El tuyo es de los pocos sitios que, al darle click al "Valid icon" en verdad es válido cuando lo revisa el W3C.
    ---------------------------------------------------------------------

    http://validator.w3.org/check?uri=http%3A%2F%2Faprendiendoweb.com%2F&charset=(detect+automatically)&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.606

    maldito google como me hace perder el tiempo...

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910