1
00:00:00,480 --> 00:00:03,490
Last but not least, is the caption
element.

2
00:00:03,490 --> 00:00:06,650
This element is basically a title for the
table,

3
00:00:06,650 --> 00:00:11,010
and it should come immediately after the
opening table tag.

4
00:00:11,010 --> 00:00:15,480
This is nice to add because it quickly
summarizes what a table might contain.

5
00:00:15,480 --> 00:00:19,060
Some screen rating software and search
engines might pick up

6
00:00:19,060 --> 00:00:22,190
on a caption, which is much better than
reading one

7
00:00:22,190 --> 00:00:25,420
table cell at a time and using that
information to

8
00:00:25,420 --> 00:00:28,400
try to get an idea of what a table is
about.

9
00:00:28,400 --> 00:00:29,485
So, let's take a look.

10
00:00:29,485 --> 00:00:34,030
So what I mean, just open up my preview so
we can

11
00:00:34,030 --> 00:00:37,080
take a look at what the work space should
look like right now.

12
00:00:38,240 --> 00:00:44,930
And let's go back to the code, and right
after the opening table tag,

13
00:00:44,930 --> 00:00:50,780
I'm going to type caption, and workspaces
will automatically

14
00:00:50,780 --> 00:00:56,250
close that for me, and inside, I'll type
employee

15
00:00:58,190 --> 00:01:02,850
information, because that's generally what
this table contains.

16
00:01:02,850 --> 00:01:04,690
Employee information.

17
00:01:04,690 --> 00:01:09,720
So let me switch back to my preview,
refresh the page, and now

18
00:01:09,720 --> 00:01:15,560
you can see that there's this nice title
up at the top of the table.

19
00:01:15,560 --> 00:01:20,300
Using CSS, you can hide this caption if
you'd like, but it's

20
00:01:20,300 --> 00:01:24,430
nice to display it if you want a title for
the table visible.