2011-12-01 25 views
20

Facebookのドキュメントを手紙にしても、HTML 5のバリデーターが私のコードで失敗しています。いろいろな問題がありますが、始めに一例をあげましょう。HTML5バリデーターがFacebookで失敗するOpenGraph XML名前空間xmlns:og

私はFacebook "Getting Started" documentationを以下とth5isのコードを使用しています:

<html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:og="http://ogp.me/ns#" 
    xmlns:fb="http://www.facebook.com/2008/fbml"> 

唯一の違いは、私がHTML5のための<!DOCTYPE html>でこれに先行しています。 W3C HTML5 validatorを通してそれを実行しているとき、私はこのエラーを取得:

Attribute xmlns:og not allowed here 

私はエラーが何であるかを考えることができる唯一のもの:

  1. Facebookのドキュメントは、私はいくつかを追加することになってる
  2. 間違っていますある種類の名前空間を <!DOCTYPE html>宣言に追加します。

しかしいずれの場合でも、私は修正が何であるかわかりません。いくつかの助けを愛するだろう!

+0

質問が重複し、使用できる回答があります:http://stackoverflow.com/questions/6501189/opengraph-validation-for-html5 – artlung

+0

ここでも重複しています:https://stackoverflow.com/questions/23339725/w3c- validator-shows-error-for-facebook-open-graph – r3x

答えて

17

fbのドキュメントは間違っているわけではありませんが、オープンウェブへのアプローチは次のとおりです。それらはfb独自の属性値なので、w3cがそれらの標準を作らない限り、検証するつもりはありません。あなたの唯一の検証エラーである限り、それについて心配しないでください。検証はすばらしいツールですが、覚えておいてください。単なるツールです。

+0

この情報をありがとう。助けて! – TMC

+6

これはお勧めしませんが、有効な(x)html文書が必要な場合です。このDoctype '<!DOCTYPE html PUBLIC"が必要です - // W3C // DTD XHTML + RDFa 1.0 // EN "" http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd "> 'それはもうHTML 5ではありません。そのため実際の解決策はありません、申し訳ありません! –

+0

すてきなキャッチ!私はそのDTDを知らなかった。 – albert

0

私はこの同じエラーのバージョンを実行しました.3年後、それは思われます。 HTML5を使用してサイトを検証しようとしていますが、実験的ですが、これらのxmlns属性以外はすべて検証されます。次のように私のコードの例

..

Error Line 2, Column 105: Attribute xmlns:fb not allowed here. …b="http://ogp.me/ns/fb#" xmlns:addthis="http://www.addthis.com/help/api-spec" > 
Warning Line 2, Column 105: Attribute with the local name xmlns:fb is not serializable as XML 1.0. …b="http://ogp.me/ns/fb#" xmlns:addthis="http://www.addthis.com/help/api-spec" > 
Error Line 2, Column 105: Attribute xmlns:addthis not allowed here. …b="http://ogp.me/ns/fb#" xmlns:addthis="http://www.addthis.com/help/api-spec" > 
Warning Line 2, Column 105: Attribute with the local name xmlns:addthis is not serializable as XML 1.0. …b="http://ogp.me/ns/fb#" xmlns:addthis="http://www.addthis.com/help/api-spec" > 

2行目は次のとおりです。

2.<html lang="en-US" xmlns:fb="http://ogp.me/ns/fb#" xmlns:addthis="http://www.addthis.com/help/api-spec" > 

があなたのエラーを反映し、このエラーを調査した、それがあっても3年後、あるようですこのための実行可能な修正はありません。しかし、このテクニックに従っているプラ​​グインは正しいHTML5コードが利用可能な場合にそうしているようです。だから、そのようなFacebookのための次のリンクとしてあなたのサイトにアドインをしている場合は、正しいコードを選択してください:

使用しようとしてこれらの私たちのために、少なくとも、あなたのエラーの世話をする必要があり

HTML5 Facebook Info

複数の好きなもの、共有するもの、そしてプラスなものを扱うためのプラグインでは、それぞれのインスタンスを単独で行うほうがよいかもしれません。