HTML5标签变化2 学习打卡

状态标签 – Web应用标签

meter – 状态标签（实时状态显示：气压、气温）

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

Meter属性：

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

progress – 状态标签（任务状态过程：安装，加载）

progress标签定义运行中的进度（进程）可以使用此标签展示
JavaScript（脚本语言）中耗费时间函数的进度

浏览器兼容性

• 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 表示重要性 而不是强调符号

思维导图