?
Solved

W3C Validation Issue with data-pin-hover="true" and nopin="nopin"

Posted on 2013-10-25
3
Medium Priority
?
817 Views
Last Modified: 2013-10-25
How can this be made to pass W3C's standards and validate correctly?

I cannot change the document type definition and the non-standard attributes are required.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo</title>
</head>
<body>

<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/90/Pileated_Woodpecker!_mirrored_flying-pattern.svg/600px-Pileated_Woodpecker!_mirrored_flying-pattern.svg.png" alt="" nopin="nopin"/>
<br />
<img src="http://upload.wikimedia.org/wikipedia/commons/6/66/Fulvous-breasted_Woodpecker_(Dendrocopos_macei)_at_Kolkata_I_IMG_3848.jpg" alt="" />

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js" data-pin-hover="true"></script>

</body>
</html>

Open in new window

0
Comment
Question by:hankknight
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 58

Assisted Solution

by:Gary
Gary earned 1000 total points
ID: 39600771
data-* is an HTML5 custom attribute, it is not valid in any other versions of HTML/XHTML as you are using so just change your doctype to
<!DOCTYPE html>
0
 
LVL 43

Accepted Solution

by:
Chris Stanyon earned 1000 total points
ID: 39600889
You've kind of answered your own question:

How can this pass standards when using non-standard attributes!

Simple answer is - it can't. If you need non-standard attributes, then accept that it will fail standards validation
0
 
LVL 58

Expert Comment

by:Gary
ID: 39600900
Don't understand why you cannot change the doctype.
0

Featured Post

Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

Question has a verified solution.

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

There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…
Suggested Courses

770 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