Solved

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

Posted on 2013-10-25
3
778 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 250 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 250 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

Business Impact of IT Communications

What are the business impacts of how well businesses communicate during an IT incident? Targeting, speed, and transparency all matter. Find out more in this infographic.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Conformation code 4 33
Replace statements HTML with HTML IF 8 57
wordpress theme 8 38
Json and ajax javascript 24 21
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
This article discusses how to implement server side field validation and display customized error messages to the client.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

738 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