[Forum] Facebook connect W3C Validation

[MiskaTorn]

Facebook connect according to W3C.org is not valid.

Line 174, Column 24: there is no attribute "size"
<fb:login-button size="medium" onlogin="vBfb.handle_fbLogin()"></fb:login-butt…

Line 174, Column 41: there is no attribute "onlogin"
…fb:login-button size="medium" onlogin="vBfb.handle_fbLogin()"></fb:login-butto…

Line 174, Column 64: element "fb:login-button" undefined
…b:login-button size="medium" onlogin="vBfb.handle_fbLogin()"></fb:login-button>

Is there anything we can do to this code to make it valid?

Thanks

[Wayne Luke]

It is a custom tag <fb:login-button> in its own namespace. The size attribute tells Facebook's javascript how to draw the button. As it is not an XHTML tag, it won't validate. The W3C should actually ignore it because of the custom namespace. That actual code is from Facebook so you should contact them if there are further issues with it.

[James Goddard]

It is a custom tag <fb:login-button> in its own namespace. The size attribute tells Facebook's javascript how to draw the button. As it is not an XHTML tag, it won't validate. The W3C should actually ignore it because of the custom namespace. That actual code is from Facebook so you should contact them if there are further issues with it.

Actually what I'm seeing from the validator is complaints about the property attribute on the facebook meta tags, which is cause by VB using the wrong doctype.

[synseal]

Was this resolved, I have only 1 invalid markup error

Line 1, Column 882: there is no attribute "property"


Line 1, Column 882: there is no attribute "property" …ble and Satellite." /> <meta property="fb:app_id" content="*****************" />…

[slinky]

Was this resolved, I have only 1 invalid markup error

Same issue here - worked hard to nail it down to one error and this is it. Very irritating.

[MK_1]

Fixed in vB 4.1.1?

[coffee]

Solved !

Was this resolved, I have only 1 invalid markup error

The answer is: Yes! Just place Facebook meta code inside HTML-Comment:

1. ACP > Styles & Templates > Style Manager > Expand Templates > Facebook Templates > facebook_opengraph
2. Add before the first line:

   <--

3. Add after the last line:

   // -->

The reason is that Facebook will read the code inside comments while W3C will ignore it. Result is a valid page with functional FB-Connect.

(Source link here)

[synseal]

The answer is: Yes! Just place Facebook meta code inside HTML-Comment:

1. ACP > Styles & Templates > Style Manager > Expand Templates > Facebook Templates > facebook_opengraph
2. Add before the first line:

   <--

3. Add after the last line:

   // -->

The reason is that Facebook will read the code inside comments while W3C will ignore it. Result is a valid page with functional FB-Connect.

(Source link here)

Nice!! Thank you.

[coffee]

You're welcome