HTML基礎(chǔ)教程:meter標(biāo)簽詳細(xì)講解

2024-08-26 00:17:03

字體：大中小

供稿：網(wǎng)友

武林網(wǎng)(www.conghuacea.com)文章簡介：標(biāo)簽與progress百分比標(biāo)簽差不多，它主要表現(xiàn)規(guī)定范圍內(nèi)的數(shù)量值，例如磁盤的食用量，對某個(gè)候選者人數(shù)占總投票人數(shù)的比例值等.

meter標(biāo)簽：
此標(biāo)簽與progress百分比標(biāo)簽差不多，它主要表現(xiàn)規(guī)定范圍內(nèi)的數(shù)量值，例如磁盤的食用量，對某個(gè)候選者人數(shù)占總投票人數(shù)的比例值等，如下圖：
meter有六個(gè)屬性：

屬性名稱描述

value在元素中表現(xiàn)出來的實(shí)際數(shù)量值。該屬性缺省值為0，可以給該屬性指定浮點(diǎn)數(shù)小數(shù)值。

min指定規(guī)定范圍時(shí)允許使用的最小值，該屬性缺省值為0，設(shè)置最小值時(shí)，值不可小雨0。

max指定規(guī)定范圍時(shí)允許使用的最大值，如果設(shè)定該屬性值小于min屬性的值，那么瀏覽器會把min設(shè)置為最大值。max屬性缺省值為1。

low規(guī)定范圍的下限值，必須小于或等于high屬性的值。同樣的，如果low屬性值小于min屬性值，那么瀏覽器把min屬性的值視為low屬性的值。

high規(guī)定范圍的上限值，如果該屬性值小于low屬性值，那么把low屬性值視為high屬性值，同樣的，如果該屬性值大于max屬性值，那么把max屬性值視為high屬性的值。

optimum設(shè)置最佳值，屬性值必須在min屬性值與max屬性值之間，可以大于high屬性值。

案例：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5每日一練meter標(biāo)簽的應(yīng)用</title>
</head>

<body>
<h1>W3Cfuns-HTML5每日一練meter標(biāo)簽的應(yīng)用</h1>
<p>空間剩余大?。?lt;meter min="0" max="1024" value="600">600/1024</meter>600/1024 GB</p>
<p>您的得分是：<meter min="0" max="100" low="60" high="90" optimum="100" value="91">91分</meter>91分</p>
</body>
</html>