Можно ли проверить атрибут xmlns: fb (Facebook)?

У меня есть кнопка Facebook Like на моем сайте и как таковой также имеет атрибут xmlns:fb в теге <html>:

<!DOCTYPE html>
<html lang="en" xmlns:fb="http://www.facebook.com/2008/fbml">

Однако при запуске моего сайта через валидатор W3C я получаю следующие ошибки:

Строка 2, столбец 61: Атрибут xmlns: fb здесь не разрешен.

Строка 2, столбец 61: атрибут с локальным именем xmlns: fb не является сериализуемым как XML 1.0.

Строка 222, Столбец 72: Атрибут fb: например: макет не сериализуем как XML 1.0.

Строка 222, Столбец 72: Атрибут fb: например: макет не разрешен на элементе a в этой точке.

Я понимаю, что использование атрибута xmlns:fb добавляет fb в пространство имен документов, так что использование любого элемента <fb: является допустимым. Разве это не так? Это проблема HTML5?

У меня также есть аналогичные ошибки проверки с помощью кнопки Twitter, можно ли исправить их также?

Строка 223, Столбец 53: Атрибут tw: via не является сериализуемым как XML 1.0.

Строка 223, Столбец 53: Атрибут tw: через не разрешенный элемент a в этой точке.

Ответ 1

Нет способа проверить xmlns:fb на HTML5.

Однако вы можете использовать новые атрибуты data-..., которые были добавлены Facebook и действительны HTML5, как описано здесь.

Это пример того, как вы можете использовать это расширение в HTML5 (предположим, что весь код находится в элементе body):

<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>

Это будет эквивалентный код XHTML:

<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>

Ответ 2

Или теперь вы можете использовать префиксные сопоставления.

<!DOCTYPE html>
<html lang="en" prefix="fb: http://www.facebook.com/2008/fbml">