Shulou(Shulou.com)06/02 Report--

This article mainly explains "how to use figure and figcaption in html5". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor learn how to use figure and figcaption in html5.

Figure tag and figcaption tag are new semantic tags in html5.

Figure tag, html5 semantic tag.

Used to specify independent streaming content (images, charts, photos, code, and so on).

Figcaption tag, html5 semantic tag.

Used in conjunction with figure for tags to define the title of a figure element.

Benefits of using figure and figcaption tags

When search engines search for figure, they will know that pictures, charts, photos, codes and other media are stored here, and they will not think that articles and other things are stored here. Search engines are faster and more convenient when searching.

On the other hand, when programmers look at it, when they see this tag, they will know that there are pictures and other media that are easy to read.

The use of these two tags is briefly described in the figure below.

Case 1:

An figure element without a title:

Case 2:

Figure element with title:

W3C school is a professional website construction resource and script programming learning website in China, providing programming materials such as asp, php, asp.net, javascript, jquery, vbscript, dos batch processing, web page making, network programming, website construction and so on.

Case 3:

Multiple pictures, figure elements of the same title:

W3C school is a domestic professional website construction resources, script programming learning website, providing asp, php, asp.net, javascript, jquery, vbscript, dos batch processing, web page production, network programming, website construction and other programming materials to this, I believe that everyone has a deeper understanding of "how to use figure and figcaption in html5", might as well come to the actual operation! Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.