Shulou(Shulou.com)05/31 Report--

Most people don't understand the knowledge points of this article "figure is not a new label for html5", so Xiaobian summarizes the following contents for everyone. The contents are detailed, the steps are clear, and they have certain reference value. I hope everyone can gain something after reading this article. Let's take a look at this article "figure is not a new label for html5".

figure is a new label. Figure is a semantic tag added to html5, which is used to specify independent stream content, such as images, charts, photos, etc.; the content in figure is usually related to the main content, and the position of the element is independent of the main content. If it is deleted, it will not affect other content in the page.

Operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

It is a new tag in HTML 5 and a new semantic tag in HTML 5.

Used to specify independent stream content (images, charts, photos, code, etc.).

The content in a figure is usually related to the main content, and the position of the element is independent of the main content. If deleted, it should have no effect on document flow; that is, if the figure is deleted, it will have no effect on other content in the page.

Note:

An outline of an element's content is one that is excluded from the document's main outline.

Elements can be used in conjunction with elements.

Element is used to define a title for the element.

Insert a header into an element to associate it with (as its first or last child element)

Benefits of using figure and figcaption labels

Search engines will know when they search for figure that what is stored here is pictures, charts, photos, code and other media, and will not think that what is stored here is articles and other things. Search engines are faster and easier to find.

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

Examples:

Use of figure and figcaption elements

The Bird's Nest National Stadium, known as the "Fourth Generation Stadium," is a landmark building for the 2008 Beijing Olympic Games. It is located beside Beijing's North Fourth Ring Road and is included in the Olympic National Forest Park. Covering an area of 204,000 square meters, with a total construction area of 258,000 square meters, 91,000 fixed seats, equipped with restaurants, athletes 'rest rooms, dressing rooms, etc. During the 2008 Olympic Games, it will undertake the opening ceremony, closing ceremony, track and field competitions, men's football finals and other events.

Beijing bird's nest

Photographer: XXXX, shooting time: September 2020

The above is the content of this article about "figure is not a new label for html5". I believe everyone has a certain understanding. I hope the content shared by Xiaobian will be helpful to everyone. If you want to know more relevant knowledge content, please pay attention to the industry information channel.

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.