Comparison of the differences between html5 tags figure and figcaption

Definition and usage

614eb9dc63b3fb809437a716aa228d24 tag defines the title (caption) of the figure element.

The "figcaption" element should be placed as the first or last child element of the "figure" element.

Browser support

All major browsers support the 614eb9dc63b3fb809437a716aa228d24 tag.

Differences between HTML 4.01 and HTML 5

The614eb9dc63b3fb809437a716aa228d24 tag is a new tag in HTML 5.

figure, figcaption, these two tags are used to define pictures and texts.

A kind of picturelist is often used, picture + title or Picture + title + brief description. Previous conventional writing:

25edfb22a4f469ecb59f1190150159c6
　b3cf2d4f8cb466f8e3a23c9e535ca79ae388a4556c0f65e1904146cc1a846beetitleee2bfd64228f824cf6027e0da2815b78
bed06894275b65c1ab86501b08a632eb

And in html5 there is a new tag that can semantically define this list of pictures, that is the figure tag. The

figure tag specifies independent stream content (images, charts, photos, code). The content of the figure element should be related to the main content, but if removed it should have no impact on document flow.

figcaption The tag defines the title of the figure element. The "figcaption" element should be placed as the first or last child element of the "figure" element.

Then the above code becomes:

<figure>
<figcaption>title</figcaption>
<img src="test.jpg"  />
</figure>

The above is the detailed content of Comparison of the differences between html5 tags figure and figcaption. For more information, please follow other related articles on the PHP Chinese website!