1
00:00:00,000 --> 00:00:08,957
[MUSIC]

2
00:00:08,957 --> 00:00:09,913
Hey everyone, Guil here.

3
00:00:09,913 --> 00:00:13,274
It's time for some practice, to help
make the skills you've learned stick and

4
00:00:13,274 --> 00:00:15,850
help you become a faster and
better developer.

5
00:00:15,850 --> 00:00:19,120
In this workshop, you are going to
practice writing semantic markup.

6
00:00:19,120 --> 00:00:23,310
Semantics in HTML is the idea that markup
should describe the meaning of your

7
00:00:23,310 --> 00:00:26,940
content, rather than define its
presentation, or how it looks.

8
00:00:26,940 --> 00:00:30,290
And having a solid semantic content
structure also makes your website more

9
00:00:30,290 --> 00:00:32,840
accessible to users of
assistive technology.

10
00:00:32,840 --> 00:00:35,168
To get started,
launch the workspace with this video.

11
00:00:35,168 --> 00:00:38,996
The workspace contains a file named
index.html which contains content about

12
00:00:38,996 --> 00:00:42,240
hedgehogs, because what's
not to like about hedgehogs?

13
00:00:42,240 --> 00:00:46,070
There is also an img folder that
holds an image of a hedgehog,

14
00:00:46,070 --> 00:00:49,700
which you can see once you preview
index.html on the browser.

15
00:00:49,700 --> 00:00:51,920
Now, the content looks mostly readable and

16
00:00:51,920 --> 00:00:56,100
the page is not too difficult to scan,
but when you view the markup

17
00:00:56,100 --> 00:00:59,740
you might notice that it's not
all written in a semantic way.

18
00:00:59,740 --> 00:01:01,620
Now, I won't point out which parts yet,

19
00:01:01,620 --> 00:01:05,820
because that's what you will be looking
for and fixing in this practice session.

20
00:01:05,820 --> 00:01:10,440
You will need to rewrite most of
index.html using semantic markup

21
00:01:10,440 --> 00:01:13,330
that better communicates
the meaning of the content.

22
00:01:13,330 --> 00:01:18,190
The HTML comments specify the sections
of content that you'll need to fix.

23
00:01:18,190 --> 00:01:21,600
The goal is to get your
page from looking like this

24
00:01:21,600 --> 00:01:24,700
to more like this when you're done.

25
00:01:24,700 --> 00:01:28,425
So good luck, have fun, and in the next
video I'll walk you through one solution.