状态标签 – Web应用标签

meter – 状态标签(实时状态显示:气压、气温)

meter标签定义度量衡,仅用于已知最大最小的度量,是HTML5的一个新标签
例如:磁盘使用空间,查询结果相关等
注意!meter不能作为一个进度条来使用!

Meter属性:
  • High 界定为高的范围
  • Low 低的范围
  • Max 范围内的最大值
  • Min 最小值
  • Optimum 最优值
  • Value 实际值

html5的reversed没用 html5中meter讲解_chrome

progress – 状态标签(任务状态过程:安装,加载)

progress标签定义运行中的进度(进程)可以使用此标签展示

JavaScript(脚本语言)中耗费时间函数的进度

html5的reversed没用 html5中meter讲解_chrome_02

浏览器兼容性
  • meter – firefox、chrome、opera、以及safari6支持
  • progress – ie10+、firefox、opera、chrome、以及safari6支持

web应用标签 – 列表标签

  1. datalist – 为input标记定义一个下拉列表,配合option
    兼容性:chrome、firefox、ie10以上及更高的版本;
  2. details – 标记定义元素的详细内容,配合summary
    兼容性:chrome、firefox、safari6以上及更高的版本;

web应用标签 – 注释标签 – 显示出来的注释

  1. ruby – 标记定义注释或者音标
  2. rt – 标记定义对ruby的注释内容文本
  3. rp – 告诉那些不支持ruby元素的浏览器如何去显示 – rp标签一般情况下不要放在rt标签之内

其他标签

  1. mark – 标记定义有标记的文本(黄色选中状态)
    兼容性:ie9+、firefox、chrome、opera、safari
  2. output – 标记定义一些输出类型,计算表单结果配合oninput事件

HTML5删除标签 – 分为三类

  1. 纯表现的元素 – Basefont、big、center、font、s、strike、tt、u
  2. 对可用性产生负面影响的元素 – frame、frameset、noframes
  3. 产生混肴的元素 – acronym、applet、isindex、dir

重定义标签 – 显示不变,只是表达的含义进行重新定义的标签

  1. b 粗体 代表内联标签 没有传递重要的意思
  2. i 斜体 。。。。。。。。。。
  3. dd 可以和details figure 一起使用 dialog有可以用 定义包含文本
  4. dt 可以和details figure 一起使用 dialog有可以用 汇总细节
  5. Hr 不仅表示水平线 还可以表示主题结束
  6. Menu 定义用户界面的菜单
  7. Samll 小字体 打印注释 法律条款
  8. Strong 表示重要性 而不是强调符号

思维导图

html5的reversed没用 html5中meter讲解_firefox_03