Validar en la W3C

Jamati · #1 (**permalink**) 11/01/2011, 08:22

Buenas tardes,

Estoy validando mi página en: http://validator.w3.org/
y me saltan 3 errores, pero son parte del enlace que me proporcionó Twitter para adjuntar el famoso "Twittear".

Mi línea donde adjunto el botón de Twitter, y según el código que me brindó el mismo Twitter me quedó así:

Código HTML:

<a href='http://twitter.com/share' class='twitter-share-button' data-count='none' data-via='mipagina' data-lang='es'>Tweet</a>
<script type='text/javascript' src='http://platform.twitter.com/widgets.js'></script>

Los 3 errores son estos:

1) there is no attribute "data-count"
2) there is no attribute "data-via"
3) there is no attribute "data-lang"

Como hago entonces para validar mi web ??
Twitter brinda un código que no se puede validar ??

El Doctype que esty usando es este:

Código HTML:

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>

Bueno, muchas gracias.

Kurozaki · #2 (**permalink**) 11/01/2011, 09:20

Tu pagina esta validad ya.
Debido a que tu no has hecho este script de twitter, no debes de decir que no valida.

Aunque en cierta razon, el w3c no te lo validará, en eso es la razón.
Si quieres incrustar el logo de html valido de la W3C, quita el script de twitt y validalo.

Despues toma este logo, lo pegas en tu web, y colocas nuevamente este script.

hay ciertas cosas como script de face, twiter, e inclusive script que te menten ls hosting que causan errores, pero eso ya no es causa tuya. Tu pagina en verdad si esta valida!!!

Jamati · #3 (**permalink**) 11/01/2011, 09:33

Gracias Kurozaki,

Eso sí, mi código está validado, pero no puedo poner el ícono de la W3C porque si el usuario hace click ahí, al dirigirse a la alidación, se dara cuenta que es mentira.

No entiendo como Facebook o Twitter pueden brindar código que no es validado por la W3C.

Sobre esto no hay ninguna forma de modificar nada, no ?... me tendré que acostumbrar a tener estos errores parece (y encima no míos).

Gracias.

JavierB · #4 (**permalink**) 11/01/2011, 09:33

Hola Jamati

Muevo tu tema al foro de HTML desde Web general.

Saludos,

emprear · #5 (**permalink**) 11/01/2011, 10:39

Jamati:

Si, es cierto, a veces nos vemos obligados a hacer ciertos trucos un poco sucios a mi gusto.
Reemplaza tu link a tweet por una script

linktweet.js

Código Javascript:

Ver originaldocument.write("<a href='http://twitter.com/share' class='twitter-share-button' data-count='none' data-via='mipagina' data-lang='es'\>Tweet</a\>");

y en el html

Código HTML:

Ver original<script type="text/javascript" src="linktweet.js"></script>

Con eso podés pasar la validación
Saludos

_Adrian_ · #6 (**permalink**) 11/01/2011, 15:18

Cita:

Iniciado por emprear

Jamati:

Si, es cierto, a veces nos vemos obligados a hacer ciertos trucos un poco sucios a mi gusto.
Reemplaza tu link a tweet por una script

linktweet.js

Código Javascript:

Ver originaldocument.write("<a href='http://twitter.com/share' class='twitter-share-button' data-count='none' data-via='mipagina' data-lang='es'\>Tweet</a\>");

y en el html

Código HTML:

Ver original<script type="text/javascript" src="linktweet.js"></script>

Con eso podés pasar la validación
Saludos

¿Pero funciona document.write en XHTML?
Creo que debe hacerse con el DOM.
http://www.w3.org/MarkUp/2004/xhtml-faq#docwrite

Jamati · #7 (**permalink**) 11/01/2011, 15:29

Gracias _Adrian_,

Todavía no había probado la opción que me brindó emprear, pero si acaso no llega a funcionar, no entendí en ese caso lo que vos me decis...

_Adrian_ · #8 (**permalink**) 11/01/2011, 15:48

Con el DOM sería algo así:

En el linktweet.js :

Código Javascript:

Ver originaldocument.getElementById('twitter').innerHTML = "<a href='http://twitter.com/share' class='twitter-share-button' data-count='none' data-via='mipagina' data-lang='es'>Tweet</a>";

En el HTML:

Código HTML:

Ver original<script type="text/javascript" src="linktweet.js"></script>

Y donde quieres que te aparezca el enlace pones un div vacío (en este div va a aparecer el enlace):

Código HTML:

Ver original<div id="twitter">
</div>

ArturoGallegos · #9 (**permalink**) 11/01/2011, 16:19

compañero emprear y compañero adrian , no creen que es mucho complicarse la vida usando java para insertar ese botón y poder validar?

porque no usar la versión abreviada algo como

Código HTML:

Ver original<a href="http://twitter.com/share?via=Ag666&amp;count=none" class="twitter-share-button">Twitter</a>
<script type='text/javascript' src='http://platform.twitter.com/widgets.js'></script>

no olviden reemplazar el símbolo & por & dentro de la url para que valide correctamente

Cita:

Iniciado por Kurozaki

Tu pagina esta validad ya.
Debido a que tu no has hecho este script de twitter, no debes de decir que no valida.

Aunque en cierta razon, el w3c no te lo validará, en eso es la razón.
Si quieres incrustar el logo de html valido de la W3C, quita el script de twitt y validalo.

Despues toma este logo, lo pegas en tu web, y colocas nuevamente este script.

hay ciertas cosas como script de face, twiter, e inclusive script que te menten ls hosting que causan errores, pero eso ya no es causa tuya. Tu pagina en verdad si esta valida!!!

Que mal consejo señor... si no valida la pagina es porque hay algo mal independientemente si lo creamos nosotros o no.

Si has decidido incluir el script en tu pagina a sabiendas de que tiene un error has de reconocer que no valida y NO debes colocar el logo, que solo estas engañando a tus usuarios y principalmente A TI MISMO.

Jamati · #10 (**permalink**) 14/01/2011, 07:19

Hola Ag666,

Tu opinión me interesó muchísimo, y antes de emplear la forma abreviada que comentás, me gustaría saber que significa o que representaría esta parte que sacamos:

data-count='none' data-via='mipagina' data-lang='es'

no pasa nada si se saca esa parte ??
Dos de esas cosas la pusiste como variable en la URL, pero el data-lang ??

Además, como nombre de variable ponés solamente "count", sin el "data"... eso está bien ??

Mil gracias y espero tu respuesta !!!

ArturoGallegos · #11 (**permalink**) 14/01/2011, 11:02

Cita:

Iniciado por Jamati

Hola Ag666,

Tu opinión me interesó muchísimo, y antes de emplear la forma abreviada que comentás, me gustaría saber que significa o que representaría esta parte que sacamos:

data-count='none' data-via='mipagina' data-lang='es'

no pasa nada si se saca esa parte ??
Dos de esas cosas la pusiste como variable en la URL, pero el data-lang ??

Además, como nombre de variable ponés solamente "count", sin el "data"... eso está bien ??

Mil gracias y espero tu respuesta !!!

Las variables que yo incluyo en la url del link son las mismas que las que usas tu

-> data-count='none' data-via='mipagina'

data-lang='es' yo no la considere necesaria pero también podrías agregarla dentro del link si lo desearas.....

En mi caso simplemente acudí a la ayuda avanzada de twitter, en la misma pagina donde sacaste el botón en la parte inferior dice "Documentación para desarrolladores de la API" he aquí donde encontraras ayuda mas completa para construir tu propio botón y como has visto yo lo cambie agregando las variables al link de forma que valide

Nota: no agregar data-count='none' hará que aparezca un contador junto al botón... y el no agregar data-via='mipagina' a la hora que tu visita le de compartir solo aparecerá un link a tu pagina paro se omite el @mipagina

de ayi en fuera no afecta en nada agregar los parámetros o no

Jamati · #12 (**permalink**) 14/01/2011, 11:48

Excelente Ag666 !!!

Mejor explicación imposible.
Fue de mucha ayuda.

Te agradezco y todo funcionó perfecto, ya que ahora valida sin problemas.

Saludo