Issue 80 - How to Create a Responsive HTML5 - passing HTML5 Validation?
Last Post 10/08/2012 8:21 PM by ReGFX. 2 Replies.
Author Messages Not Resolved
ReGFX
Nuke Pro
Nuke Pro
Posts:88


--
10/08/2012 4:56 PM

    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.


    Joseph Craig
    DNN MVP
    Posts:11667


    --
    10/08/2012 6:50 PM
    These are really good questions!

    I'm travelling this week so I hope that Andy sees this and has the opportunity to reply. If not, i will take a crack at the questions after DNNWorld.

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    ReGFX
    Nuke Pro
    Nuke Pro
    Posts:88


    --
    10/08/2012 8:21 PM
    Thanks.... we brought this up in a meeting today about validating HTML5 on DNN sites and some tricks we might try to get at least a 90%-100% HTML5 Validation. Even if it mean hacking the DNN default css core just a bit to get close.


    I'm open to any suggestion or work-a-round...


    Extremely excited to hear back on a possible solution or perhaps a tutorial extension.


    By The Way, Have FUN at DNN WORLD... wish i could be there... but it was not in the budget for this year... Hope I can go some day.


    ---