各位小伙伴
上一个页面写的如何
是不是觉得自己棒棒哒~
接下来我们继续吧！
HTML5的特殊标签
直接进入正题
注释标签
ruby:
行级元素横排显示试图写多个汉字和注释，需要多个ruby。
直接上代码：
-
css样式：
页面效果：
重点标记
mark:
以灰常黄的黄色来重点标记
页面代码：
类似于进度条的标签
meter：
meter标签有以下的属性：
min：类进度条的最小值
max：最大值
value：实际的值
页面代码：
设置meter的长与宽：
评判标准：
low:低于low是另一种颜色显示（残血了，快跑）
optimum：状态良好（状态良好，可以开团）
high:状态完美（我将带头冲锋）
也就是说，在low和high之间都是绿色的，在low以下或者high以上就黄了。
正宗的进度条
progress:
如果我们不设置value属性，页面就是这样的效果：
details:
和dl定义列表类似，也和我们的下拉列表类似，但是，显示的方式不一样用于描述细节summary标题（要描述的对象）后面接上你要描述的内容
IE浏览器的兼容问题
除了上面提到的常用的标签，在使用HTML5标签的时候，还要注意浏览器的兼容问题。像IE浏览器有部分内容兼容到IE9，IE8及以下对H5完全不兼容。最新版本的Safari、Chrome、Firefox以及Opera支持某些HTML5特性。
浏览器的兼容测试
我们可以看到这个页面，当选择IE8的时候完全没有效果了。那么怎么解决0这个问题
解决办法
最简单的处理方法引入写好的js代码！这个代码大家搜一下，就可以搜到哦！这段代码的意思是：如果浏览器的版本小于IE9就引入这段js。
看这下即使是IE8页面也是有效果的~
另一种方法，就厉害了，自己来写一段js代码，就可以了。
我偷个懒就不写了
那么今天就先到这了
小伙伴们再见