All language subtitles for 5. HTML vs HTML 5

Wow! good job for still hanging in there.

It only gets more and more exciting from here, we're just scratching the surface with the power that

comes, with being a web developer.

But I want to quickly talk about HTML vs HTML5.

I've mentioned this topic a few times, but just kind of brushed it off and told you, yeah this is HTML

Yeah this is HTML5.

But I wanted to just take a break and quickly go over the basic concept, of what HTML5 is?

If you remember in our diagram, HTML, when it first, got started in 1989 to 1991, it wasn't as elaborate.

It didn't have as many features, as it has now.

We want to make sure that, all these browsers play nicely and understand, our HTML rules.

So if you remember, our friend Tim, our first web developer, the guy who created the world wide web, has

a governing body, that establishes what HTML should look like, so that these individual browsers know

how to code their browser, so that it reads HTML properly.

And obviously the web that we had in the 90s, is very different than the one, that we have now.

So there's a lot of new things that, we need to update and some of those things are.

You know we have phones and we have tablets and just overall, we need more power from HTML.

So, HTML5 was the evolution and there's, there are many many evolutions of HTML, HTML5 is the latest

one, where we try to add on features so that, we can improve the user experience.

Now, what are some of those features?

Let's take a quick look, at our good old friend, W3 schools.

One of the things that HTML5 wants to do is, well we want to make sure that it doesn't affect

any old web site, if you remember our very first web site from Tim, maybe in 1991.

Well, that still works to this day, we visited it in the previous videos.

You can still visit Web sites from the 90s, because we want to make sure that everything is backwards

compatible.

That's a fancy way of saying, older versions are not obsolete.

But we also want to tack on these features and you can read on the Web site, all the information of HTML5

and what it does and some of the things that it supports and it does get a little technical and

we don't need to get into it, too much.

But the one thing that I want to emphasize that, it introduced this idea of semantic elements and what

that means is, they wanted to make Web sites more descriptive, search engines such as Google, go on websites

and they use these things called crawlers, to look through your Web site.

These machines, that are reading your HTML, to understand what your web site is?, what the topic about

it is?, so that they can rank it in search engines and HTML5 semantic elements, tries to add a little

bit more meaning for these robots, so that when they encounter something, it makes a little bit more sense.

So, this is an example, of some of these new tags, that HTML5 introduced.

And let's show you a few of them.

For example, if we wanted to say, that we want to comment this out, we know how to do that already.

And a semantic element, would maybe look like ‘header’ where we have the title ‘h1’ which is "Register"

and we close the ‘/header’ so that now, the crawler knows that, this is our header and maybe we have some

navigation ‘nav’ links.

So now, we can have ’a’ tags with our 'href' and we'll just say that, it links to Google and then we close

the ‘nav’.

We only have one navigation link for now, but I just wanted to demonstrate quickly.

And finally we have a ‘footer’, so within the ‘footer’, we can add something like "Website made with love".

and you can see over here that, this even to a machine, if it understands what ‘header’ means, and ‘nav’ means,

and ‘footer’ means, gives a lot more meaning to the web page and it'll have a better idea of, how the website

is structured and where it's their rank and their Google search results. You can take your time and read

through some of these tags.

And I do recommend that, you visit this Web site and go through some of the HTML intro, you'll even

see that, if we click on ‘input’ types or something that we visited already and we scroll to some of the

attributes, you'll see that there some new HTML5, they have these little icon over here, that have

been introduced, so we're constantly expanding to make HTML better and better functionality.

You can see here 'min', for example, we use that for password, if you remember, specifies the minimum value

for an input field.

So if I set a 'min' over here, then it make sure that, I enter the minimum amount of value.

But again, you can take a look at it yourself.

The issue with semantic web is, that it's still fairly new.

So you won't see as much, of this, you will on some Web sites, but it's very hard to prove that it actually

has good SEO performance because it's still fairly early, but just so you don't get surprised and you're

aware of what's happening.

It is something that you might encounter, but overall HTML5 tries to, improve the performance of

the web , because we're constantly evolving.

And just like Web sites, need to go from simple HTML text based Web site to massive web sites like

Twitter, that you can post and talk to millions of people around the world, where we need our web technologies

to evolve with us.

I'll see you in the next one. Bye Bye