Skip to first unread message
adcor...@gmail.com
Oct 24, 2014, 8:10:19 PM10/24/14
to gwd...@googlegroups.com
Hello,
Could you please publish the meta information and correct your attribute errors below. I believe you will agree that validation is quite simple if code is just ran through http://validator.w3.org during the quality assurance cycle.
I'm happy to help out with anything in this area as I'm quite passionate about promoting the standards that already exist online for the benefit of all involved. Clean, consistent and out of the box code, can be achieved by simply just using the validator.
Below are the simple to fix errors X).
Validation Output: 3 Errors
• Error Line 9, Column 54: Bad value template for attribute name on element meta: Keyword template is not registered.
<meta name="template" content="Expandable 2.0.16">
Syntax of metadata name:
A metadata name listed in the HTML specification or listed in the WHATWG wiki. You can register metadata names on the WHATWG wiki yourself.
• Error Line 50, Column 68: Attribute is not allowed on element div at this point.
<div is="gwd-pagedeck" class="gwd-page-container" id="pagedeck">
Attributes for element div:
Global attributes
• Error Line 51, Column 159: Attribute is not allowed on element div at this point.
…ghtbox" data-gwd-width="550px" data-gwd-height="400px" style="display: block;">
Attributes for element div:
Global attributes
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
<link href="gwdpagedeck_style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="custom.elements.min.js">
</script>
<title>InciteRelief_GD_Mock</title>
<meta name="generator" content="Google Web Designer 1.1.3.1015">
<meta name="template" content="Expandable 2.0.16">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css" id="gwd-lightbox-style">
.gwd-lightbox {
overflow: hidden;
border: 1px dashed #a0a0a0;
}
</style>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
.gwd-page-container {
position: relative;
width: 100%;
height: 100%;
}
.gwd-page-content {
background-color: transparent;
-webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform-style: preserve-3d;
position: absolute;
}
.gwd-page-wrapper {
background-color: rgb(255, 255, 255);
position: absolute;
-webkit-transform: translateZ(0px);
}
.page1-content {
width: 550px;
height: 400px;
}
</style>
<script type="text/javascript" src="gwdpage_min.js">
</script>
<script type="text/javascript" src="gwdpagedeck_min.js">
</script>
<style type="text/css">
div.c1 {display: block;}
</style>
</head>
<body class="document-body">
<div class="gwd-page-container" id="pagedeck">
<div id="page1" class="gwd-page-wrapper page1-content gwd-lightbox gwd-page-content page1-content c1"></div>
</div>
<script type="text/javascript" id="gwd-init-code">
(function() {
document.body.style.opacity = "0";
var pageDeck = document.getElementById('pagedeck');
/**
* Handles the DOMContentLoaded event. The DOMContentLoaded event is
* fired when the document has been completely loaded and parsed.
*/
function handleDomContentLoaded(event) {
}
/**
* Handles the WebComponentsReady event. This event is fired when all
* custom elements have been registered and upgraded.
*/
function handleWebComponentsReady(event) {
document.body.style.opacity = "";
setTimeout(function() {
pageDeck.goToPage(pageDeck.getDefaultPage().id);
}, 0);
}
window.addEventListener('DOMContentLoaded',
handleDomContentLoaded, false);
window.addEventListener('WebComponentsReady',
handleWebComponentsReady, false);
})();
</script>
</body>
</html>
Visit www.mantis.me for added clout to the subject to show it's 100% practical for any web development ;). Validation on the right.
Could you please publish the meta information and correct your attribute errors below. I believe you will agree that validation is quite simple if code is just ran through http://validator.w3.org during the quality assurance cycle.
I'm happy to help out with anything in this area as I'm quite passionate about promoting the standards that already exist online for the benefit of all involved. Clean, consistent and out of the box code, can be achieved by simply just using the validator.
Below are the simple to fix errors X).
Validation Output: 3 Errors
• Error Line 9, Column 54: Bad value template for attribute name on element meta: Keyword template is not registered.
<meta name="template" content="Expandable 2.0.16">
Syntax of metadata name:
A metadata name listed in the HTML specification or listed in the WHATWG wiki. You can register metadata names on the WHATWG wiki yourself.
• Error Line 50, Column 68: Attribute is not allowed on element div at this point.
<div is="gwd-pagedeck" class="gwd-page-container" id="pagedeck">
Attributes for element div:
Global attributes
• Error Line 51, Column 159: Attribute is not allowed on element div at this point.
…ghtbox" data-gwd-width="550px" data-gwd-height="400px" style="display: block;">
Attributes for element div:
Global attributes
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
<link href="gwdpagedeck_style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="custom.elements.min.js">
</script>
<title>InciteRelief_GD_Mock</title>
<meta name="generator" content="Google Web Designer 1.1.3.1015">
<meta name="template" content="Expandable 2.0.16">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css" id="gwd-lightbox-style">
.gwd-lightbox {
overflow: hidden;
border: 1px dashed #a0a0a0;
}
</style>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
.gwd-page-container {
position: relative;
width: 100%;
height: 100%;
}
.gwd-page-content {
background-color: transparent;
-webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
-webkit-transform-style: preserve-3d;
position: absolute;
}
.gwd-page-wrapper {
background-color: rgb(255, 255, 255);
position: absolute;
-webkit-transform: translateZ(0px);
}
.page1-content {
width: 550px;
height: 400px;
}
</style>
<script type="text/javascript" src="gwdpage_min.js">
</script>
<script type="text/javascript" src="gwdpagedeck_min.js">
</script>
<style type="text/css">
div.c1 {display: block;}
</style>
</head>
<body class="document-body">
<div class="gwd-page-container" id="pagedeck">
<div id="page1" class="gwd-page-wrapper page1-content gwd-lightbox gwd-page-content page1-content c1"></div>
</div>
<script type="text/javascript" id="gwd-init-code">
(function() {
document.body.style.opacity = "0";
var pageDeck = document.getElementById('pagedeck');
/**
* Handles the DOMContentLoaded event. The DOMContentLoaded event is
* fired when the document has been completely loaded and parsed.
*/
function handleDomContentLoaded(event) {
}
/**
* Handles the WebComponentsReady event. This event is fired when all
* custom elements have been registered and upgraded.
*/
function handleWebComponentsReady(event) {
document.body.style.opacity = "";
setTimeout(function() {
pageDeck.goToPage(pageDeck.getDefaultPage().id);
}, 0);
}
window.addEventListener('DOMContentLoaded',
handleDomContentLoaded, false);
window.addEventListener('WebComponentsReady',
handleWebComponentsReady, false);
})();
</script>
</body>
</html>
Visit www.mantis.me for added clout to the subject to show it's 100% practical for any web development ;). Validation on the right.
Armando Cornaglia
Oct 24, 2014, 8:20:16 PM10/24/14
to gwd...@googlegroups.com
http://html5doctor.com/html5-custom-data-attributes/ is how you can fix the second and third attribute issues.
Reply all
Reply to author
Forward
0 new messages