Como hacer que la W3C me valide este código, no lo puedo modificar por el JQuery

[deirdre]

Hola...

Efectivamente todos tenéis razón: el problema lo tiene la galería al incluir esos rel y dentro de ellos la apertura y cierre de etiquetas que tampoco validan.

Pero, como en muchas ocasiones, donde hay un problema también hay una solución: es suficiente con un par de pequeños cambios para lograr que todo siga funcionando y que valide perfectamente (0 error y 0 advertencias)

Primer cambio: en el js llamado lavida.js

Código HTML:

Cambiar esta línea:
$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
por esta otra:
$('#gallery .content').html($('#gallery a:first').find('img').attr('alt')) //cambiado rel por alt
___________

Y cambiamos esta línea:
var caption = next.find('img').attr('rel');
por esta otra:
var caption = next.find('img').attr('alt'); //cambiado rel por alt

De esta forma cambiamos el atributo rel por alt

Segundo cambio: en el html

Código HTML:

 <!-- sustituye este contenido -->
        	<div id="gallery">
	        <a class="show"><img src="images/grass-blades.jpg" title="Destaca de los demás" width="580" height="360" alt=" &lt;h3&gt;Destaca de los demás&lt;/h3&gt;&lt;p&gt;Servicios Integrales de Mercadotecnia, Desarrollo Web, y Musicalización; para que tu negocio sea competitivo.&lt;/p&gt;"/></a>
	        <a><img src="images/flowing-rock.jpg" title="Conocimiento para la toma de decisiones" width="580" height="360" alt=" &lt;h3&gt;Conocimiento para la toma de decisiones&lt;/h3&gt;&lt;p&gt;Desarrollamos Estudios de Mercado, Estudios de Benchmarking para conocer a los competidores, y también Encuestas en Línea.&lt;/p&gt;"/></a>
	        <a><img src="images/ladybug.jpg" title="¡Que todo el mundo te vea!" width="580" height="360" alt=" &lt;h3&gt;¡Que todo el mundo te vea!&lt;/h3&gt;&lt;p&gt;Desarrollamos tu sitio web a la medida de tu negocio.&lt;/p&gt;"/></a>
	        <a><img src="images/lightning.jpg" title="Que tu negocio se escuche" width="580" height="360" alt=" &lt;h3&gt;Que tu negocio se escuche&lt;/h3&gt;&lt;p&gt;Creamos música para sitios web, comerciales y mucho más....&lt;/p&gt;"/></a>
	        <div class="caption"><div class="content"></div></div>
            </div>
            <!-- final de la sustitución --> 

Con esto, solucionado el problema...

Bye