What is HTML5?2:12 with Nick Pettit
In this Quick Tip, Nick Pettit provides an overview of HTML5, including a look at some of the new tags now available to designers and developers. If you want to learn how to take advantage of all the new features of HTML5, this video is for you!
[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 download course files.Sign up