你不知道的HTML標籤

<meter value="4" min="0" max="10">4 out of 10</meter>
<meter value="0.3">30%</meter>

<video width="320" height="240" controls>
    <source src="catMovie.mp4" type="video/mp4">
    <source src="catMovie.ogg" type="video/ogg">
    Your browser does not support the video tag.
</video>

<progress value="42" max="100"></progress>

<picture>
    <source media="(min-width: 650px)" srcset="images/logo.png">
    <source media="(min-width: 450px)" srcset="images/logo.png">
    <img src="zzz.jpg" style="width: auto;" alt="zzz">
</picture>

<p>
    Cats are the most majestic and <wbr>graceful<wbr>animals on the planet.
</p>

<form oninput="totalWeight.value=parseInt(catAWeight.value)+parseInt(catBWeight.value)">
    <input type="range" id="catAWeight" value="50">100
    <input type="number" id="catBWeight" value="50">
    <output name="totalWeight" for="catAWeight catBWeight"></output>
</form>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
</blockquote>

<p> My cat wakes up at <time>11:00</time> each day.</p>
<p> I have a date with my cat on <time datetime="2019-12-25 20:00">Christmas</time>.</p>