Home  >  Article  >  Web Front-end  >  Detailed explanation of meter tag in html

Detailed explanation of meter tag in html

黄舟
黄舟Original
2017-06-29 14:08:332540browse

meter tag:
This tag is similar to the progress percentage tag. It mainly expresses quantitative values ​​within the specified range, such as the amount of disk consumption, the proportion of a certain candidate to the total number of voters, etc., as shown below :
meter has six attributes :

Detailed explanation of meter tag in html

Case:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML5每日一练meter标签的应用</title>
</head>

<body>
<h1>W3Cfuns-HTML5每日一练meter标签的应用</h1>
<p>空间剩余大小:<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>

The above is the detailed content of Detailed explanation of meter tag in html. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn