1
00:00:05,210 --> 00:00:12,590
After having introduced the New Age HTML five standard, let's step back for a moment before moving

2
00:00:12,590 --> 00:00:18,050
on with all the new various components to tackle in the next lessons.

3
00:00:18,290 --> 00:00:20,200
And let's talk about this.

4
00:00:20,570 --> 00:00:29,120
That is a generic container used in HTML to actually divide the parts of our document.

5
00:00:29,670 --> 00:00:37,550
We are detailing this element because later on in the oncoming lessons, we will deal with a series

6
00:00:37,550 --> 00:00:47,270
of components introduced with age HTML5, which may substitute the tag, which is a non semantic element.

7
00:00:48,180 --> 00:00:55,720
That means an element which does not precisely specify the function of the tag itself.

8
00:00:56,460 --> 00:01:05,460
Let's create a new page which we are calling age HTML five dot age HTML inside this page.

9
00:01:05,760 --> 00:01:11,190
Let's create once again the base we have already seen at the beginning of the course.

10
00:01:12,510 --> 00:01:19,920
Therefore, let's start from the DOCTYPE and let's insert our base through the instruction.

11
00:01:21,490 --> 00:01:29,590
Then let's save again and let's start introducing our death, as already mentioned, that there is a

12
00:01:29,590 --> 00:01:38,500
generic tag and so it will interpret in a generic way every single component of our age HTML page.

13
00:01:40,130 --> 00:01:45,620
So we will insert a first div that will function as a header.

14
00:01:46,590 --> 00:01:54,120
A second device that would function as nerve, that is navigation menu, for example.

15
00:01:57,270 --> 00:02:10,220
And we will define a live relative to section and a div relative to Article Duclos, our standard page,

16
00:02:10,350 --> 00:02:12,540
let's insert the full term.

17
00:02:14,070 --> 00:02:23,370
And this way and genetic structure has been inserted, therefore not in a HTML of five, if we saved

18
00:02:23,370 --> 00:02:34,020
this type of page, we would end up with a series of names exclusively listed, one below the other,

19
00:02:34,170 --> 00:02:42,810
representing the final structure of the page as it's clear, without any type of content inside.

20
00:02:43,140 --> 00:02:52,980
Now, let's see in our preview the way it appears by closing the active review as far as index and inserting

21
00:02:52,980 --> 00:03:02,790
a new preview as you see header nav section article and futer have been inserted one below the other

22
00:03:02,790 --> 00:03:04,030
into this page.

23
00:03:04,350 --> 00:03:12,540
Therefore, the div tag has got exclusively the role of the division in all these sections inserted

24
00:03:12,810 --> 00:03:15,480
in the Age HTML pages.

25
00:03:16,620 --> 00:03:24,990
If we inserted a pea at the beginning and at the end of every content, Latin, for instance, only

26
00:03:24,990 --> 00:03:32,130
the first two, in the example that we are going to analyze, we would see that the paragraph's got

27
00:03:32,130 --> 00:03:34,130
inserted in every section.

28
00:03:34,170 --> 00:03:43,440
Therefore, the previously displayed list in a one below the other structure shows now some spaces representing

29
00:03:43,440 --> 00:03:48,880
the standard of the paragraph's as decay and the beginning of the cause.

30
00:03:49,650 --> 00:03:54,360
Let's move on with these semantic tags, which will substitute the div.

31
00:03:54,780 --> 00:04:02,790
We might perhaps reconsider this type of tag with the aim of examining the classes associated with the

32
00:04:02,790 --> 00:04:08,960
tag classes, which will permit to offer a different design thanks to the success.

33
00:04:09,450 --> 00:04:11,580
Now let's start from the header.