What is HTML5?

[Treehouse presents] 0:00 [Quick Tips][What is HTML5?][with Nick Pettit] 0:02 Hi, I'm Nick. 0:04 In this Treehouse Quick Tip, we're going to get an overview of HTML5 and take a look at some of the new tags. 0:06 HTML5 is the latest edition of HTML, or hypertext markup language. 0:13 Some pieces of it are not fully supported in every browser, 0:19 but that doesn't mean that you shouldn't start taking advantage of all that it has to offer. 0:22 HTML5 is actually comprised of several parts: 0:28 There are new browser APIs and features, like drag-and-drop, geolocation, the canvas element, web storage, and more. 0:32 However, if you're still new to HTML5, 0:40 you're probably more interested in the new elements or tags that are available. 0:43 Let's take a look at some HTML5 markup. 0:48 First, there's the new HTML5 doctype. 0:51 This is much shorter than the doctypes in previous versions of HTML. 0:56 It's also case insensitive. 1:00 However, it's still a good idea to type the word "doctype" in all caps to help with backward compatibility with older browsers. 1:03 Next, there are the header and footer elements. 1:12 These help label the top and bottom of either the entire document, specific sections, or both. 1:17 Then, there's the nav element. 1:24 This helps us structure the navigation of our webpages. 1:27 In this case, we're using an unordered list to structure our navigation. 1:31 Finally, there is the section element, which just helps us break up specific sections of our website. 1:36 One more thing—down here at the bottom we have the address tag, which we can use to wrap various types of addresses. 1:44 In this case, we have a Contact Us link, 1:53 and this would presumably link to an e-mail address. 1:56 Those are just a few of the new elements in HTML5. 2:01 Using these and other HTML elements, you can bring more structure and semantic meaning to your webpages than ever before. 2:05

You need to sign up for Treehouse in order to set up Workspace

Sign up