Introduction to HTML5 and CSS3 Building with HTML5

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. Also, Chris Mills, of the same, offers http://boblet.tumblr.com/post/130610820/html5-structure1. 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