facebook - example - open graph
¿Es posible validar el atributo xmlns: fb(Facebook)? (2)
Tengo un botón Me gusta de Facebook en mi sitio y, como tal, también tengo el atributo xmlns:fb en la etiqueta <html> :
<!DOCTYPE html>
<html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">
Sin embargo, cuando ejecuto mi sitio a través del validador W3C, recibo estos errores:
Línea 2, columna 61: Atributo xmlns: fb no permitido aquí.
Línea 2, columna 61: atributo con el nombre local xmlns: fb no se puede serializar como XML 1.0.
Línea 222, Columna 72: Atributo fb: como: el diseño no se puede serializar como XML 1.0.
Línea 222, Columna 72: Atributo fb: como: diseño no permitido en el elemento a en este punto.
Tengo entendido que el uso del atributo xmlns:fb agrega fb al espacio de nombres del documento, por lo que el uso de cualquier elemento <fb: es válido. No es ese el caso? ¿Es un problema de HTML5?
También tengo errores de validación similares con el botón de Twitter, ¿es posible corregirlos también?
Línea 223, Columna 53: Atributo tw: via no es serializable como XML 1.0.
Línea 223, Columna 53: Atributo tw: no se permite en el elemento a en este punto.
No hay forma de validar xmlns:fb con HTML5.
Sin embargo, puede utilizar los nuevos atributos de data-... , que fueron agregados por Facebook y son válidos en HTML5, como se describe here .
Este es un ejemplo de cómo puede usar esta extensión en HTML5 (suponga que todo el código está en el elemento del cuerpo):
<h3>Members</h3>
<embed data-fb="login-button" data-show-faces="true" />
<h3>Recent activity</h3>
<embed data-fb="activity" data-site="***" data-width="200" data-header="false"
data-border_color="#fff" data-recommendations="false" />
<div id="fb-root"></div>
<!-- the JavaScript API -->
<script src="http://connect.facebook.net/en_US/all.js"></script>
<!-- the extention script from this article -->
<script src="/scripts/fb.js"></script>
<script>
//<![CDATA[
FB.init({apiKey: ''***'', appId: ''***'', status: true, cookie: true, fbml5: true});
//]]>
</script>
Este sería el código XHTML equivalente:
<h3>Members</h3>
<fb:login-button show-faces="true" />
<h3>Recent activity</h3>
<fb:activity site="***" width="200" header="false"
border_color="#fff" recommendations="false" />
<div id="fb-root"></div>
<!-- the JavaScript API -->
<script src="http://connect.facebook.net/en_US/all.js"></script>
<!-- the extention script from this article -->
<script src="/scripts/fb.js"></script>
<script>
//<![CDATA[
FB.init({apiKey: ''***'', appId: ''***'', status: true, cookie: true, fbml5: true});
//]]>
</script>
O ahora puede utilizar asignaciones de prefijo .
<!DOCTYPE html>
<html lang="en" prefix="fb: http://www.facebook.com/2008/fbml">