This course has been updated! We now recommend you take the Complete Intro to Web Development, v3 course.

Check out a free preview of the full Introduction to HTML5 and CSS3 course:
The "Building with HTML5" Lesson is part of the full, Introduction to HTML5 and CSS3 course featured in this preview video. Here's what you'd learn in this lesson:

DOCTYPE for HTML5 <!DOCTYPE html> vs the more complex HTML4 and XHTML is an exceptional improvement. An exercise using the HTML5 Markup Validation Service at http://validator.w3.org/#validate_by_input to create a valid webpage. SYNTAX changes for HTML5 include no longer requiring quotes around attributes like XHTML: <img src=”file.png” />. HTML5 also brings back uppercase properties <IMG SRC=file.png />. It’s set-up to intuitively know what you’re trying to do, regardless of how you type it. PAGE STRUCTURE eliminates DIVs and uses simplified elements; this can sometimes lead to some confusion about the relationship with old DIVs. Molly Holzchiag, with Opera, offers one-to-one definitions. DIVs are thus eliminated unless there is not already an HTML5 hook defined. New, simplified elements don’t work in older browsers, which had to be accommodated by some javascript code. A good example is provided at: http://ejohn.org/blog/html5-shiv/ TIP: You still need to use display block for IE to ensure it displays correctly. Progressively Enhanced HTML5 (Infused with SHIM) using modernizr tool (http://modernizr.com/) to update older browsers and test feature efficacy.

Get Unlimited Access Now