Html Make Fun

单纯的 HTML 标记似乎在无法表达更多的样式，但是往往也会有一个令人惊奇的东西存在。这篇文章主要用来记录下这些内容。

#progress bar

<meter>是一个原生的标签用来表示已知范围的标量或者分数值。近似的我们可以用这个来表示一个进度条的样式：

Fuel level:at 50/100

<label for="fuel">Fuel level:</label>

<meter id="fuel"
       min="0" max="100"
       low="33" high="66" optimum="80"
       value="50">
    at 50/100
</meter>

目前大部分浏览器都支持这个，除了IE。这个标签的所有属性都在上面的例子中了，这些参数会把区间分为[min, low]和[high, max]这两个。 value 在这两个区间的某个一个里面时呈现出不同的外貌样式。 同时optimun的值在哪个区间内，那个区间会被认为是更佳的取值范围。

#ruby

ruby 标签在 HTML 中用于东亚字符的注音使用，形式类似于汉(han)这样的形式。基本的语法如下：

<ruby>汉<rp>(</rp><rt>han</rt><rp>)</rp></ruby>

其中rp是用于在不支持 ruby 标签的情况下使用包裹的字符去替代，上面例子是括号。rt中间的内容是注音的具体内容。