در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<meter> آشنا ميشويم. اين تگ براي نمايش ميزان پيشرفت، درصد يا مقادير اندازهگيري شده
استفاده ميشود و معمولاً به صورت گرافيکي نمايش داده ميشود.
تگ meter در HTML چيست؟
تگ <meter> براي نمايش يک مقدار در محدوده مشخص کاربرد دارد. اين مقدار ميتواند براي نشان
دادن درصد تکميل فرم، ظرفيت ذخيرهسازي يا هر نوع داده عددي باشد.
مثال ساده از تگ meter
<p>ميزان تکميل فرم: <meter value="0.6">60%</meter></p>
در اين مثال، تگ <meter> مقدار ?.? (???) را نمايش ميدهد.
ويژگيهاي مهم تگ meter
| ويژگي | توضيح |
|---|---|
| value | مقدار فعلي |
| min | حداقل مقدار (پيشفرض 0) |
| max | حداکثر مقدار (پيشفرض 1) |
| low | محدوده پايين |
| high | محدوده بالا |
| optimum | مقدار بهينه براي نمايش |
مثال پيشرفته با ويژگيها
<label>ظرفيت باطري:</label>
<meter value="0.7" min="0" max="1" low="0.3" high="0.8" optimum="0.9">70%</meter>در اين مثال، محدودهها و مقدار بهينه تعيين شده و مرورگر رنگ نمايش را بر اساس مقدار نشان ميدهد.
نکات مهم درباره meter
- تگ
<meter>براي نمايش گرافيکي مقادير عددي استفاده ميشود. - تفاوت آن با
<progress>اين است که<meter>يک مقدار مستقل را در محدوده نشان ميدهد، نه ميزان پيشرفت يک فرآيند. - ميتوان با CSS ظاهر آن را سفارشي کرد.
براي يادگيري کامل نمايش دادهها و نمودارها در صفحات وب، پيشنهاد ميکنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.
براي مشاهده تمام آموزشهاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ meta در HTML
آموزش بعدي: تگ nav در HTML
دیدگاه و پرسش