HTML5 new tags

1. Structural tags (block elements) - meaningful divs

    The <article> tag defines an article

    The <header> tag defines the header of a page or an area

    <nav> tags define navigation links

    The <section> tag defines a section

    The <aside> tag defines the sidebar of the content section of the page

    <hgroup> tags define information about a block in the file

    The <figure> tag defines a set of media content and their titles

    The <figcaption> tag defines the caption for the figure element.

    The <footer> tag defines the bottom of a page or an area

    The <dialog> tag defines a dialog (dialog box) similar to WeChat

2. Multimedia tags

    Three types of multimedia labels

        The <video> tag defines a video

        The <audio> tag defines the audio content

        <source> tags define media resources

        The <canvas> tag defines the image

        The <embed> tag defines external interactive content or plugins, such as flash

 

Label meaning multimedia

    The advent of tags meant the development of rich media and support for manipulating media files without the use of plug-ins, greatly improving the user experience.

3. Web application tags

    status label

        <meter> status label (real-time status display: air pressure, temperature) C, O

        <progress> status label (task process: install, load) C, F, O

    list label

        <datalist> defines a drop-down list for the input tag, with options F, O

        The <details> tag defines the details of an element, with summary C

    Menu

        <menu> command list (currently not supported by all major browsers)

        <menuitem> menu command list tag (only supported by FireFox8.0+)

        The <command>menu tag defines a command button (only supported by IE9)

4. Other labels

    Annotation label

        <ruby> tags define comments or phonetic transcriptions

        <rp> tells browsers that don't support ruby ​​elements how to display

        The <rt> tag defines the comment content text for ruby

        The <mark> tag defines the marked text (yellow selected)

        The <output> tag defines some output types, calculates the form results with the oninput event

        The <keygen> tag defines a generated key in the form (encrypted messaging)

        The <time> tag defines a date/time, currently not supported by all major browsers