各位小伙伴
上一個頁面寫的如何
是不是覺得自己棒棒噠~
接下來我們繼續(xù)吧呢蔫！
HTML5 的特殊標(biāo)簽
直接進(jìn)入正題
注釋標(biāo)簽
ruby: ?
行級元素 橫排顯示 ? 試圖寫多個漢字和注釋，需要多個ruby。
直接上代碼：
-
css樣式：
頁面效果：
重點(diǎn)標(biāo)記
mark: ?
以灰常黃的黃色來重點(diǎn)標(biāo)記
頁面代碼：
類似于進(jìn)度條的標(biāo)簽
meter：?
meter標(biāo)簽有以下的屬性：
min：類進(jìn)度條的最小值
max：最大值
value：實(shí)際的值
頁面代碼：
設(shè)置meter的長與寬：
評判標(biāo)準(zhǔn)：
low: 低于 low 是另一種顏色顯示（殘血了纵散，快跑）
optimum：狀態(tài)良好（狀態(tài)良好世分，可以開團(tuán)）
high: 狀態(tài)完美（我將帶頭沖鋒）
也就是說，在 low 和 high 之間都是綠色的，在 low 以下或者 high 以上就黃了朱监。
正宗的進(jìn)度條
progress:?
如果我們不設(shè)置value屬性，頁面就是這樣的效果：
details:?
和 dl 定義列表類似原叮，也和我們的下拉列表類似赫编，但是，顯示的方式不一樣用于描述細(xì)節(jié) ?summary 標(biāo)題（要描述的對象） 后面接上你要描述的內(nèi)容
IE瀏覽器的兼容問題
除了上面提到的常用的標(biāo)簽奋隶，在使用 HTML5 標(biāo)簽的時候擂送，還要注意瀏覽器的兼容問題。像 IE 瀏覽器有部分內(nèi)容兼容到 IE9唯欣，IE8 及以下對 H5 完全不兼容嘹吨。最新版本的 Safari、Chrome境氢、Firefox 以及 Opera 支持某些 HTML5 特性蟀拷。?
瀏覽器的兼容測試
我們可以看到這個頁面，當(dāng)選擇 IE8 的時候完全沒有效果了萍聊。那么怎么解決0這個問題
解決辦法
最簡單的處理方法引入寫好的 js 代碼问芬！這個代碼大家搜一下，就可以搜到哦寿桨！這段代碼的意思是：如果瀏覽器的版本小于 IE9 就引入這段 js此衅。
看這下即使是 IE8 頁面也是有效果的~
另一種方法，就厲害了亭螟，自己來寫一段 js 代碼挡鞍，就可以了。
我偷個懶就不寫了
