Classification of all elements of HTML

According to the HTML5.1 recommendation standard, the HTML element is divided into 7 major categories:

• Metadata content (contents of the original data)
• Flow content (contents of stream data)
• Sectioning Content (sub-section)
• Sectioning content (contents of the title)
• Phrasing content (the contents of a phrase)
• Embedded content (embedded)
• Interactive content (interactive contents)

2. Metadata content (contents of the original data)
   The content of the original data is the content that sets the performance or behavior of the rest of the content, or the content that establishes the relationship between the document and other documents, or that communicates information outside the document.
   
   • base
   • link
   • meta
   • noscript
   • script
   • style
   • template
   • title
3. Flow content (contents of stream data)
   The content of the stream data is the majority of the elements applied to the document or the body of the application.
   
   • a
   • abbr
   • address
   • area(If it is a descendant of a map element)
   • article
   • aside
   • audio
   • b
   • bdi
   • bdo
   • blockquote
   • br
   • button
   • canvas
   • cite
   • code
   • data
   • datalist
   • del
   • details
   • dfn
   • div
   • dl
   • em
   • embed
   • fieldset
   • figure
   • footer
   • form
   • h1
   • h2
   • h3
   • h4
   • h5
   • h6
   • header
   • hr
   • i
   • iframe
   • img
   • input
   • ins
   • kbd
   • keygen
   • label
   • main
   • map
   • mark
   • math
   • menu
   • meter
   • nav
   • noscript
   • object
   • ol
   • output
   • p
   • picture
   • pre
   • progress
   • q
   • ruby
   • s
   • samp
   • script
   • section
   • select
   • small
   • span
   • strong
   • sub
   • sup
   • svg
   • table
   • template
   • textarea
   • time
   • u
   • ul
   • var
   • video
   • wbr
   • Text
5. Sectioning Content (sub-section)
   The content of a subsection is the content that defines the title and footer range
   
   • article
   • aside
   • nav
   • section
7. Heading content (contents of the title)
   The title is the title of a section that defines a document
   • h1
   • h2
   • h3
   • h4
   • h5
   • h6
8. Phrasing content (the contents of a phrase)
   The content of a phrase is the text of the document and the element that marks the text at the paragraph level
   • a
   • abbr
   • area(If it is a descendant of a map element)
   • audio
   • b
   • bdi
   • bdo
   • br
   • button
   • canvas
   • cite
   • code
   • data
   • datalist
   • del
   • dfn
   • em
   • embed
   • i
   • iframe
   • img
   • input
   • ins
   • kbd
   • keygen
   • label
   • map
   • mark
   • math
   • meter
   • noscript
   • object
   • output
   • picture
   • progress
   • q
   • ruby
   • s
   • samp
   • script
   • select
   • small
   • span
   • strong
   • sub
   • sup
   • svg
   • template
   • textarea
   • time
   • u
   • var
   • video
   • wbr
   • Text
10. Embedded content (embedded)
    Embedded content is the content of importing another resource into a document, or inserting it into a document from another resource.
    
    • audio
    • canvas
    • embed
    • iframe
    • img
    • math
    • object
    • picture
    • svg
    • video
12. Interactive content (interactive contents)
    Interactive content is content that is designed for user interaction.
    
    • a(If the href attribute is present)
    • audio(If the controls attribute is present)
    • button
    • details
    • embed
    • iframe
    • img(If the usemap attribute is present)
    • input(If the type attribute isn't in the hidden state)
    • keygen
    • label
    • select
    • textarea
    • video(If the controls attribute is present)

7 Categories of graphs:

View Original

Classification of all elements of HTML