Comparison of the differences between html5 tags figure and figcaption

巴扎黑
Release: 2017-06-27 09:38:16
Original
3343 people have browsed it

Definition and usage

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

tag.

Differences between HTML 4.01 and HTML 5

The

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:


  •  

    title


  • 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>
    Copy after login

    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!

    Related labels:
    source:php.cn
    Statement of this Website
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template