【網頁設計】Meter元素的屬性和在H5中的用法?

2016-08-25 3268 3 編輯:深色多郎 來源:網站設計書籍

meter是HTML5帶來的全新元素。是網站設計中必不可少的元素。根據W3C的定義規范:meter元素用來表示規定范圍內的數量值,如磁盤使用量比例餓、關鍵詞匹配程度等。

需要注意的是,meter不可以用來標記那些沒有已知范圍的任意值,如重量、高度,除非已經設定了它們值的范圍。

meter元素共有6個屬性。

1.value:表示當前標量的實際值。如果不做指定,那么<meter>標簽中的第一個數字就會被認為是其當前實際值,如<meter>2 out of 10</meter>中的“2”;如果標簽內沒有數字,那么標量的實際值就是0.

2.min:當前標量的最小值。如不做指定則為0。

3.max:當前標量的最大值。如不做指定則為1;如果指定的最大值小于最小值,那么最小值會被認為是最大值。

4.low:當前標量的低指去。必須小于或等于標量的高值區數字;如果低值區數字小于標量最小值,那么它會被認為是最小值。

5.high:當前標量的高值區。

5.optimum:最佳值。其范圍在最小值與最大值區間當中,并且可以處于高顏值區。

meter屬性的使用方法如下所示。

<p>磁盤使用量:<meter value=“50” min=“0” max=“160”>50/160</meter>GB</p>

<p>你的得分是:<meter value=“91” min=“0” max=“100” low=“10”high=“90”optimum=“100”>A+</meter>

不設定任何屬性的時候,也可以使用百分比及分數形式,例如:

<meter>80%</meter>

<meter>3/4</meter>

本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
七星彩头尾