How to fix W3C validation errors

  • Resolved mybreezylife

    (@mybreezylife)


    9 years, 1 month ago

    Hi I have wordpress Fashion site with flex mag theme today when I ran W3C validation https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.mybreezylife.com%2F it is giving me following error and warning

    3. Error: Duplicate ID fb-root.
    From line 1106, column 1; to line 1106, column 18
    /script>??<div id=”fb-root”></div>
    4. Warning: The first occurrence of ID fb-root was here.
    From line 1015, column 106; to line 1015, column 123
    ikebox”> <div id=”fb-root”></div>

    I do not have any coding experience and I do not know how to fix it.

    Can anyone help me.

    Thanks & regards

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello mybreezzylife,
    This topic is discussed in the blog:
    Blog

    The error messages are saying that you have used an ID multiple times on a page.

    Read this post about “The difference between ID and classes” (via CSS Tricks)

    I’m not sure if you remove one of the ID’s that your design will break as a result, in order to validate your page.

    It looks like you have two separate plugins that are integrating Facebook on your site. I can see a widget in the footer and I believe the other one has to do with sharing content.

    <fb-root> is used to load content from Facebook. The plugins you have here are adding their own element without checking if one exists.

    You can try disabling one of your Facebook plugins or temporarily removing a widget and rerun the validator to see if that was the issue.

    As errors go, duplicate nodes in this case aren’t going to be a huge issue. If both of your plugins function as expected, you may just leave them. Otherwise, you would need to high a developer to look into removing the additional Facebook node.

    Thread Starter mybreezylife

    (@mybreezylife)

    Thanks alot @justin Tucker I have removed the Facebook widget from the footer and now everything is fine.

    Thanks alot much appreciated

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to fix W3C validation errors’ is closed to new replies.