1
00:00:00,450 --> 00:00:02,700
Wow, good job for still hanging in there.

2
00:00:02,820 --> 00:00:05,240
It only gets more and more exciting from here.

3
00:00:05,250 --> 00:00:09,810
We're just scratching the surface with the power that comes with being a web developer.

4
00:00:10,320 --> 00:00:15,480
But I want to quickly talk about HTML versus AOSHIMA five.

5
00:00:15,930 --> 00:00:22,410
I've mentioned this topic a few times, but just kind of brushed it off and told you, yeah, this is

6
00:00:22,410 --> 00:00:22,980
a Schimel.

7
00:00:22,990 --> 00:00:24,390
Yeah, this is a five.

8
00:00:24,390 --> 00:00:31,590
But I wanted to just take a break and quickly go over the basic concept of what a shame all five is.

9
00:00:32,550 --> 00:00:40,620
If you remember in our diagram HTML when it first got started in nineteen eighty nine to nineteen ninety

10
00:00:40,620 --> 00:00:46,640
one, it wasn't as elaborate, it didn't have as many features as it has now.

11
00:00:46,860 --> 00:00:54,450
We want to make sure that all these browsers play nicely and understand our HTML rules.

12
00:00:55,050 --> 00:01:01,260
So if you remember our friend Tim, our first web developer, the guy who created the World Wide Web,

13
00:01:01,620 --> 00:01:08,880
has a governing body that establishes what ASML should look like so that these individual browsers can

14
00:01:08,880 --> 00:01:12,420
know how to code their browser so that it reads a Schimel properly.

15
00:01:12,570 --> 00:01:18,150
And obviously the web that we had in the 90s is very different than the one that we have now.

16
00:01:18,300 --> 00:01:21,870
So there's a lot of new things that we need to update.

17
00:01:22,380 --> 00:01:28,140
And some of those things are phones and we have tablets.

18
00:01:28,530 --> 00:01:31,710
And just overall, we need more power from.

19
00:01:32,220 --> 00:01:37,810
So HTML5 was the evolution and there are many, many evolutions of HTML.

20
00:01:37,830 --> 00:01:46,830
A small five is the latest one where we try to add on features so that we can improve the user experience.

21
00:01:47,480 --> 00:01:49,980
Now what are some of those features?

22
00:01:50,130 --> 00:01:56,130
Let's take a quick look at our good old friend, three schools.

23
00:01:57,140 --> 00:02:04,460
One of the things that all five wants to do is we want to make sure that it doesn't affect any old website.

24
00:02:04,460 --> 00:02:09,330
If you remember our very first website from Tim, maybe in nineteen ninety one.

25
00:02:09,800 --> 00:02:12,020
Well, that still works to this day.

26
00:02:12,020 --> 00:02:18,710
We visited it in the previous videos that you can still visit websites from the 90s because we want

27
00:02:18,710 --> 00:02:21,750
to make sure that everything is backwards compatible.

28
00:02:21,800 --> 00:02:25,610
That's a fancy way of saying older versions are not obsolete.

29
00:02:26,000 --> 00:02:32,620
But we also want to tack on these features and you can read on the website all the information of ASML

30
00:02:32,630 --> 00:02:36,170
five and what it does and some of the things that it supports.

31
00:02:36,170 --> 00:02:40,750
And it does get a little technical and we don't need to get into too much.

32
00:02:40,760 --> 00:02:48,080
But the one thing that I want to emphasize that it introduced this idea of semantic elements and what

33
00:02:48,080 --> 00:02:52,610
that means is they wanted to make websites more descriptive.

34
00:02:53,000 --> 00:02:59,720
Search engines such as Google go on websites and they use these things called crullers to look through

35
00:02:59,720 --> 00:03:00,350
your website.

36
00:03:00,380 --> 00:03:05,630
These machines that are reading your e-mail to understand what your website is, what the topic about

37
00:03:05,630 --> 00:03:10,580
it is, so that they could rank it in search engines and e-mail.

38
00:03:10,670 --> 00:03:17,600
Five semantic elements tries to add a little bit more meaning for these robots so that when they encounter

39
00:03:17,600 --> 00:03:20,450
something, it makes a little bit more sense.

40
00:03:20,480 --> 00:03:26,120
So this is an example of some of these new tags that I've introduced.

41
00:03:26,120 --> 00:03:28,970
And let's show you a few of them.

42
00:03:29,300 --> 00:03:37,220
For example, if we wanted to comment this out, we know how to do that already and a semantic element

43
00:03:37,220 --> 00:03:40,040
would maybe look like header.

44
00:03:41,560 --> 00:03:46,210
Where we have the title page one, which is Register.

45
00:03:49,040 --> 00:03:55,430
And we closed the header so that now the crawler knows that this is our header and maybe we have some

46
00:03:56,000 --> 00:04:06,440
navigation links, so now we can have a tags with our HSF and we'll just say that it links to Google

47
00:04:06,710 --> 00:04:09,230
and then we close the nav.

48
00:04:09,230 --> 00:04:13,190
We only have one navigational link for now, but I just want to demonstrate quickly.

49
00:04:14,660 --> 00:04:19,250
And finally, we have a footer.

50
00:04:20,660 --> 00:04:24,860
So within the footer, we can add something like.

51
00:04:26,400 --> 00:04:28,830
Websites made with love.

52
00:04:30,190 --> 00:04:37,180
And you can see over here that this even to a machine, if it understands what header means and NAV

53
00:04:37,180 --> 00:04:43,660
means and photo means, gives a lot more meaning to the webpage and it'll have a better idea of how

54
00:04:44,080 --> 00:04:49,120
the website is structured and where it's your rank and their Google search results.

55
00:04:49,540 --> 00:04:52,750
You can take your time and read through some of these tags.

56
00:04:52,750 --> 00:04:58,450
And I do recommend that you visit this website and go through some of the ASML intro.

57
00:04:58,720 --> 00:05:01,210
You'll even see that if we click on input types.

58
00:05:01,210 --> 00:05:05,680
So something that we visited already and we scroll to some of the attributes.

59
00:05:07,110 --> 00:05:13,440
You'll see that there's some new ASML five, they have these little icons over here that have been introduced,

60
00:05:13,440 --> 00:05:18,860
so we're constantly expanding to make ASML better and better functionality.

61
00:05:19,200 --> 00:05:24,990
You can see here men, for example, we use that for password, if you remember, specifies the minimum

62
00:05:24,990 --> 00:05:26,180
value for an input field.

63
00:05:26,190 --> 00:05:36,840
So if I set a min over here, then it makes sure that I enter the minimum amount of value.

64
00:05:38,030 --> 00:05:44,330
But again, you can take a look at it yourself, the issue with semantic web is that it's still fairly

65
00:05:44,330 --> 00:05:47,570
new, so you won't see as much.

66
00:05:51,550 --> 00:06:00,250
You will on some websites, but it's very hard to prove that it actually has good SEO performance because

67
00:06:00,250 --> 00:06:01,470
it's still fairly early.

68
00:06:01,480 --> 00:06:07,540
But just so you don't get surprised and you're aware of what's happening, it is something that you

69
00:06:07,540 --> 00:06:08,140
might encounter.

70
00:06:09,090 --> 00:06:16,140
But overall, ASML five tries to improve the performance of the Web because we're constantly evolving

71
00:06:16,380 --> 00:06:25,890
and just like websites need to go from simple HTML text based websites to massive websites like Twitter,

72
00:06:25,890 --> 00:06:32,940
that you can post and talk to millions of people around the world where we need our web technologies

73
00:06:32,940 --> 00:06:33,930
to evolve with us.

74
00:06:34,800 --> 00:06:35,730
I'll see you in the next one.

75
00:06:36,430 --> 00:06:36,600
Bye.