Learn more about HTML tag content models

Source: Internet
Author: User

 The part of the HTML core is the tag (tag). Tags are used to describe the basic unit of content in a document, and different labels represent different meanings, and the nesting between the tags represents the structure of the content.

HTML tags in the HTML5 content model expanded to 7 categories, including meta-data type, block type, title type, document flow type, statement type, embedded type, interactive type. But even if these 7 categories do not completely cover all the elements of all the cases, the elements may not belong to any one category, which is called penetrating; many elements may belong to more than one category, called mixed

For more information on HTML tags, see the link

Categorical meta-data type (metadata)

Set elements of metadata for a presentation, behavior, associated document, or other content

The

Detailed information to this

Block Type (sectioning)

Elements that define the extent of a chunk's content, including <article>, <aside>, <nav>, <section> four elements

Detailed information to this

Heading type (heading)

Elements that define the title of the chunk content, including

Detailed information to this

Document Flow Type

Most of the elements in document <body>, only partial metadata elements are not streamed, they are <base> and <title>

Detailed information at this point

Statement type (phrasing)

Text in a document, elements that mark text in a paragraph, and so on

Detailed information at this point

inline type (embedded)

Because the HTML itself provides a limited representation of the elements, allowing embedded content to be something that the browser developer has to do, in the document to introduce another resource element or insert a document in another language. Embedded content includes <audio>, <canvas>, <embed>, <iframe>, , <math>, <object>, < Category svg> and <video> Nine

[note] When the three elements of,<embed>, <iframe>, <object> are not set to a wide height, the default width height is 300px*150px

( image)

For more information about image labels.

<iframe>

For more information about frame labels

<canvas>

Detailed information about <canvas> at this point

Audio and video

For more information about audio and video class labels.

Interactive type (interactive)

Elements specifically for user interaction, including <a>, <audio>, <button>, <details>, <embed>, <iframe>, , <input>, <keygen>, <label>, <menu>, <object>, <select>, <textarea>, < Video>

,<details>, <summary>, <command>, <menu> these four interactive element browsers are not very supportive.

Learn more about HTML tag content models

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.