I am very excited to see an HTML5 DNN Skin tutorial and went through it with no problems…
HOWEVER, I have a question about the proper HTML5 Validation of such skins. While I realize that it is almost impossible to insure a 100% HTML5 skin in DNN, Is there a way to get such HTML5 Skins to come close to passing HTML5 Skin validation? I can get DNN skins to be 100% W3C Compliant and pass validation but NOT DNN Skins with HTML5.
For example using a clean install of DNN 6.2.3, I duplicated your basic HTML5 Boiler plate skin tutorial only to find that it fails HTML5 validation somewhat. To reproduce, go to
http://www.totalvalidator.com" target="_blank" rel="nofollow">
http://www.totalvalidator.com as this is one of the validation tools I use, download the free version and set the option settings to validate HTML5.
If using a new DNN 6.2.3 install with NO new added text or modules, you’ll find that the DNN HTML 5 skin from this tutorial will report several errors… where as if outside DNN most html5 skins will pass the validation or at least have manageable fixes.
It is inside DNN that I am looking for such manageable fixes to pass or get near an HTML 5 validation.
Can someone or anyone at DNNCREATIVE try this and take note of some of the HTML5 DNN Errors? And perhaps share their HTML 5 fixes for DNN with the dnncreative community?
I would really like to know the best way to correct them.
A few of the errors are:
This tag or content must be nested within another tag:
Line 11 The 'http-equiv' attribute does not have a valid value: It should have one of the following values: content-language content-type default-style refresh pics-label x-dns-prefetch-control x-ua-compatible
rel="stylesheet">
Line 11 An end tag is not allowed for this element:
And etc.
Anyway, if you download and test with any HTML5 Validator you may find similar results… I personally use
http://www.totalvalidator.com" target="_blank" rel="nofollow">
http://www.totalvalidator.com I just would like to know how I can alter the DNN code to get a more favorable HTML5 validation.
Any suggestions?
Thanks and Great Tutorial, just would like to know how to fix the HTML5 validation issues in the early stages of testing the skin.