After having introduced the New Age HTML five standard, let's step back for a moment before moving
on with all the new various components to tackle in the next lessons.
And let's talk about this.
That is a generic container used in HTML to actually divide the parts of our document.
We are detailing this element because later on in the oncoming lessons, we will deal with a series
of components introduced with age HTML5, which may substitute the tag, which is a non semantic element.
That means an element which does not precisely specify the function of the tag itself.
Let's create a new page which we are calling age HTML five dot age HTML inside this page.
Let's create once again the base we have already seen at the beginning of the course.
Therefore, let's start from the DOCTYPE and let's insert our base through the instruction.
Then let's save again and let's start introducing our death, as already mentioned, that there is a
generic tag and so it will interpret in a generic way every single component of our age HTML page.
So we will insert a first div that will function as a header.
A second device that would function as nerve, that is navigation menu, for example.
And we will define a live relative to section and a div relative to Article Duclos, our standard page,
let's insert the full term.
And this way and genetic structure has been inserted, therefore not in a HTML of five, if we saved
this type of page, we would end up with a series of names exclusively listed, one below the other,
representing the final structure of the page as it's clear, without any type of content inside.
Now, let's see in our preview the way it appears by closing the active review as far as index and inserting
a new preview as you see header nav section article and futer have been inserted one below the other
into this page.
Therefore, the div tag has got exclusively the role of the division in all these sections inserted
in the Age HTML pages.
If we inserted a pea at the beginning and at the end of every content, Latin, for instance, only
the first two, in the example that we are going to analyze, we would see that the paragraph's got
inserted in every section.
Therefore, the previously displayed list in a one below the other structure shows now some spaces representing
the standard of the paragraph's as decay and the beginning of the cause.
Let's move on with these semantic tags, which will substitute the div.
We might perhaps reconsider this type of tag with the aim of examining the classes associated with the
tag classes, which will permit to offer a different design thanks to the success.
Now let's start from the header.