1
00:00:00,170 --> 00:00:02,000
[Treehouse presents]

2
00:00:02,000 --> 00:00:04,800
[Quick Tips][What is HTML5?][with Nick Pettit]

3
00:00:04,800 --> 00:00:06,800
Hi, I'm Nick.

4
00:00:06,800 --> 00:00:13,710
In this Treehouse Quick Tip, we're going to get an overview of HTML5 and take a look at some of the new tags.

5
00:00:13,710 --> 00:00:19,100
HTML5 is the latest edition of HTML, or hypertext markup language.

6
00:00:19,100 --> 00:00:22,880
Some pieces of it are not fully supported in every browser,

7
00:00:22,880 --> 00:00:28,210
but that doesn't mean that you shouldn't start taking advantage of all that it has to offer.

8
00:00:28,210 --> 00:00:32,479
HTML5 is actually comprised of several parts:

9
00:00:32,479 --> 00:00:40,520
There are new browser APIs and features, like drag-and-drop, geolocation, the canvas element, web storage, and more.

10
00:00:40,520 --> 00:00:43,620
However, if you're still new to HTML5,

11
00:00:43,620 --> 00:00:48,460
you're probably more interested in the new elements or tags that are available.

12
00:00:48,460 --> 00:00:51,910
Let's take a look at some HTML5 markup.

13
00:00:51,910 --> 00:00:56,390
First, there's the new HTML5 doctype.

14
00:00:56,390 --> 00:01:00,950
This is much shorter than the doctypes in previous versions of HTML.

15
00:01:00,950 --> 00:01:03,490
It's also case insensitive.

16
00:01:03,490 --> 00:01:12,110
However, it's still a good idea to type the word "doctype" in all caps to help with backward compatibility with older browsers.

17
00:01:12,110 --> 00:01:17,410
Next, there are the header and footer elements.

18
00:01:17,410 --> 00:01:24,350
These help label the top and bottom of either the entire document, specific sections, or both.

19
00:01:24,350 --> 00:01:27,720
Then, there's the nav element.

20
00:01:27,720 --> 00:01:31,430
This helps us structure the navigation of our webpages.

21
00:01:31,430 --> 00:01:36,520
In this case, we're using an unordered list to structure our navigation.

22
00:01:36,520 --> 00:01:44,730
Finally, there is the section element, which just helps us break up specific sections of our website.

23
00:01:44,730 --> 00:01:53,460
One more thing—down here at the bottom we have the address tag, which we can use to wrap various types of addresses.

24
00:01:53,460 --> 00:01:56,920
In this case, we have a Contact Us link,

25
00:01:56,920 --> 00:02:01,100
and this would presumably link to an e-mail address.

26
00:02:01,100 --> 00:02:05,510
Those are just a few of the new elements in HTML5.

27
00:02:05,510 --> 00:02:13,000
Using these and other HTML elements, you can bring more structure and semantic meaning to your webpages than ever before.