April 3, 2012

How to solve HTML5 Validation error on fb-like box?

Question by Dharmik Bhandari

How to solve this HTML 5 Validation error related to fb like button.

Here is the text from Validation engine:

Line 3170, column 261: Element name fb:like-box cannot be represented as XML 1.0.
…rue” border_color=”” stream=”false” header=”false” height=”260″ >

Here is the code on Line 3170..

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/fburlhere" width="250" show_faces="true" border_color="" stream="false" header="false" height="260" ></fb:like-box>

I have tried several tricks given on several sites as well as stackexchange, but none of them appear to work.

Just after this error, there is also another error which reads… Element fb:like-box not allowed as child of element div in this context. (Suppressing further errors from this subtree.) referring to the same line number.

Thanks in advance.

Answer by Starx

The markup are dynamically placed/generated from Facebook itself. You cannot control them, the way you want. But there is a HTML5 version of the Like Box, you can use instead.

When you are generating the code for the like-box. You will get an option likeFacebook HTML5 like-box
[Source]

...

Please fill the form - I will response as fast as I can!