HTML所有元素的分类

根据HTML5.1推荐标准,HTML元素主要分为7大类:

  • metadata content(原数据的内容)
  • flow content(流数据的内容)
  • sectioning content(分节的内容)
  • sectioning content(标题的内容)
  • phrasing content(短语的内容)
  • embedded content(嵌入的内容)
  • interactive content(交互式的内容)

 

  1. metadata content(原数据的内容)
    原数据的内容是设置其余内容的表现或行为的内容、或者是建立文档与其他文档关系的内容、或者是传达文档之外信息的内容。
    • base 
    • link 
    • meta 
    • noscript 
    • script 
    • style 
    • template 
    • title
  2. flow content (流数据的内容)
    流数据的内容是应用于文档或者应用程序的主体的大多数元素。
    • 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
  3. sectioning content(分节的内容)
    分节的内容是定义标题和页脚范围的内容
    • article 
    • aside 
    • nav 
    • section
  4. heading content(标题的内容)
    标题的内容是定义文档某一节的标题
    • h1 
    • h2 
    • h3 
    • h4 
    • h5 
    • h6
  5. phrasing content(短语的内容)
    短语的内容是文档的文本以及在段落层次上标记该文本的元素
    • 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
  6. embedded content(嵌入的内容)
    嵌入的内容是将另一种资源导入文档的内容,或从另一个资源中插入到文档中的内容。
    • audio 
    • canvas 
    • embed 
    • iframe 
    • img 
    • math 
    • object 
    • picture 
    • svg 
    • video
  7. interactive content(交互式内容)
    交互式内容是专门用于用户交互的内容。
    • 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 isnot in the hidden state) 
    • keygen 
    • label 
    • select 
    • textarea 
    • video (if the controls attribute is present)

7大类的关系图:

 

 

 查看原文

转载于:https://www.cnblogs.com/ganmingying/p/7390719.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值