Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,006 --> 00:00:02,001
- Now that we've dug fairly deep
2
00:00:02,001 --> 00:00:04,005
into how to put an image on a web page,
3
00:00:04,005 --> 00:00:07,000
let's look at how to pair a caption for that image
4
00:00:07,000 --> 00:00:09,000
with the image itself.
5
00:00:09,000 --> 00:00:11,003
There are two more elements related to images,
6
00:00:11,003 --> 00:00:14,003
or really rather, related to figures.
7
00:00:14,003 --> 00:00:16,004
Here's a simple example.
8
00:00:16,004 --> 00:00:18,004
We'll start with the image of our dog
9
00:00:18,004 --> 00:00:20,003
and a caption for this image.
10
00:00:20,003 --> 00:00:22,005
Maggie the dog enjoys resting in a field
11
00:00:22,005 --> 00:00:25,005
after a long day of chasing squirrels.
12
00:00:25,005 --> 00:00:28,008
Now let's wrap this text in the figcaption element.
13
00:00:28,008 --> 00:00:31,001
That designates it is a caption.
14
00:00:31,001 --> 00:00:34,006
And we'll wrap the image and the caption together
15
00:00:34,006 --> 00:00:36,006
in a figure element.
16
00:00:36,006 --> 00:00:37,007
This provides the browser
17
00:00:37,007 --> 00:00:41,001
with more semantic information about this content.
18
00:00:41,001 --> 00:00:43,009
More context than if we'd only use a paragraph element
19
00:00:43,009 --> 00:00:45,005
or generic divs.
20
00:00:45,005 --> 00:00:48,006
Search engines in AI will now know
21
00:00:48,006 --> 00:00:50,008
that these two pieces of content
22
00:00:50,008 --> 00:00:53,008
have a relationship to each other.
23
00:00:53,008 --> 00:00:57,002
We could also use figure for things besides images,
24
00:00:57,002 --> 00:00:59,003
like an interactive graphic.
25
00:00:59,003 --> 00:01:03,008
We'll put it where the image element is in this markup.
26
00:01:03,008 --> 00:01:06,003
The figure and figcaption elements
27
00:01:06,003 --> 00:01:08,007
are handy for anything that appears as a figure
28
00:01:08,007 --> 00:01:10,002
illustrating something,
29
00:01:10,002 --> 00:01:12,008
or anything that's a demonstration of a concept
30
00:01:12,008 --> 00:01:15,000
which needs a caption.
2139
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.