2 Replies Latest reply on Jan 19, 2014 8:55 AM by pziecina

    HTML5, XHTML 1.0, & IE 10

    RJW

      I have recently taken a Digital Classroom course on Dreamweaver and have DW CS6. I developed about 20 html pages that I am very satisfied with but for one exception - their display in Internet Explorer 10. I have tested their display in Safari, Opera, Firefox, Chrome, and Internet Explorer 9. In all of those browsers they look just as I want them to. The problem is IE 10 - here they show small but annoying differences, like slightly misplaced text. I created all of the pages in XHTML 1.0 Transitional - I did this only because the Digital Classroom course, as well as Dreamweaver itself, uses XHTML as the default. Two questions. 1) if I had created the files in HTML 5 instead, would that have negated the IE 10 problems? HTML5 is an option with DW. If one does select HTML5 for a new html file the content inserted by DW at the top is minimal - doesn't even state HTML5. In contrast, when you create a new html file selecting XTML 1.0, there is a lot more content at the top and states it is XTMHL. 2) If I copy and paste the content from the HTML5 template into my html files in place of the XHTML content, does that convert them to HTML5 files?

      Thanks for any input.

      Ray

        • 1. Re: HTML5, XHTML 1.0, & IE 10
          Nancy OShea Adobe Community Professional & MVP

          HTML5 uses a different syntax, doc type, charset and HTML tags. Many features in XHTML are deprecated in XHTML5.   Use the right doc type for your particular project requirements.

           

          Going forward, I'm using HTML5 docs for everything.  There's no reason not to.

           

          If you're using CS6 or CC, you can convert your XHTML doc to HTML5 by going to Modify > Page Properties > Title/Encoding and choosing DTD: HTML5 from the drop list.

           

          That said, the HTML5 tags <canvas>, <video>, <header>, <nav>, <article>, <aside>, <section>, <footer>, etc... will not magically appear in your markup.  You would need to make those code adjustments yourself.  See below for what's new in HTML5.

          http://www.w3schools.com/html/html5_new_elements.asp

           

          I don't think the doc type alone is going to significantly change how your page looks in IE10 or 11.  Browser variation is something we all contend with.   But when things are seriously out of whack, look for errors in your code.   That's the likely culprit.

           

          CSS - http://jigsaw.w3.org/css-validator/

          HTML - http://validator.w3.org/

           

          Nancy O.

          1 person found this helpful
          • 2. Re: HTML5, XHTML 1.0, & IE 10
            pziecina Adobe Community Professional

            Nancy O. wrote:

             

            I don't think the doc type alone is going to significantly change how your page looks in IE10 or 11.  Browser variation is something we all contend with.   But when things are seriously out of whack, look for errors in your code.   That's the likely culprit.

             

            CSS - http://jigsaw.w3.org/css-validator/

            HTML - http://validator.w3.org/

             

            Nancy O.

            Hi Nancy

             

            Converting the doctype to the html5 doctype may change the way IE10+ displays the page.

             

            The reason for this, is that using the html5 doctype would be much more forgiving of any code errors than the xhtml doctype, and as we know when IE goes into Quirks mode anything can happen, (even rendering the page as though it was IE5).

             

            PZ

            1 person found this helpful