Invalid DIV Tags?

Posted on 2012-08-14
Medium Priority
Last Modified: 2012-08-14
Working wth VisualStudio 2010, .Net 4.0 and VB.Net

On a web page I inherited it has the following tag

<div style="float: left" class="fb-like" data-href="http://www.facebook.com/pages/ourpage/1234567893214569"
                            data-send="false" data-layout="button_count" data-show-faces="false">

I'm getting "Not a valid attribute of element 'div'"

Is this a HTML5 thing and how do I handle?
Question by:lrbrister

Accepted Solution

John Smith earned 1200 total points
ID: 38291770
It is an HTML5 thing. Have a look at http://developers.facebook.com/docs/reference/plugins/like/.
LVL 60

Assisted Solution

by:Julian Hansen
Julian Hansen earned 800 total points
ID: 38291840
data- is an HTML5 specific enhancement for attributes that contain user defined data. You can put any attribute you like into a tag as long as you prefix it with 'data-'.

This will cause a validation error against old HTML specifications.

Make sure your doctype is set to html

<!doctype html>

Other than that you should be able to ignore them

Author Closing Comment

ID: 38291870
Perfect. Thanks guys

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question