Hola a todos, en estos días me topé con que al intentar validar un sitio en W3C  que contiene Tags para Google +1, I Like de Facebook, Share Facebook y Share Twitter.  ¡Oh! sorpresa estos Tags no validaban, entonces me di a la tarea de buscar una solución.

 

Lo que hay que hacer es abrir las etiquetas de código JavaScript en el lugar donde se desea mostrar el Tag en conflicto, y dentro de éste una etiqueta CDATA la cual le va a decir al navegador y validador de W3C que el código que en ella existe no lo tenga en cuenta como HTML y dentro de esta etiqueta agregamos un document.write() con el contenido de las etiqueta que vamos a utilizar.

En el siguiente ejemplo vamos a encontrar como se agrega el botón de de Google.

 


<script language="javascript" type="text/javascript">
//<![CDATA[
document.write('<g:plusone size="medium" href="http://comunidad.fware.pro"></g:plusone>');
//]]>
</script>

 

Y ahora que ya se ha agregado la solución vamos a realizar la debida prueba en validator.w3.org , Ingresando la URL para validar, y como por arte de magia el sitio ahora si pasa la validación W3C.