7 Cool HTML Elements Nobody Uses

<p>Searching for cool&nbsp;<strong>HTML</strong>&nbsp;elements, especially if you don&rsquo;t know what you&rsquo;re looking for, is often like&nbsp;<strong>being thrown into a pile of garbage</strong></p> <p><img alt="" src="https://miro.medium.com/v2/resize:fit:498/0*GM8-DBEDpkti1SsG.gif" style="height:371px; width:498px" /></p> <p>Don&rsquo;t worry, I did the&nbsp;<strong>dirty work</strong>&nbsp;for you!</p> <p>After scavenging through the seemingly endless pile of&nbsp;<strong>HTML</strong>&nbsp;elements, I dug up a few of the&nbsp;<strong>rarely used gems</strong>!</p> <h1>1.&nbsp;<code>meter</code>&nbsp;&amp;&nbsp;<code>progress</code></h1> <p>The&nbsp;<code>progress</code>&nbsp;element is the semantically correct way of displaying progress bars.</p> <p>The&nbsp;<code>meter</code>&nbsp;element is&nbsp;<code>progress</code>&nbsp;on steroids. Apart from displaying a&nbsp;<strong>scalar measurement</strong>&nbsp;within a known range, it allows you to specify the value&#39;s&nbsp;<strong>low</strong>,&nbsp;<strong>high</strong>&nbsp;&amp;&nbsp;<strong>optimum</strong>&nbsp;range.</p> <pre> &lt;meter min=&quot;0&quot; max=&quot;100&quot; low=&quot;25&quot; high=&quot;75&quot; optimum=&quot;80&quot; value=&quot;50&quot; &gt;&lt;/meter&gt;</pre> <p><img alt="" src="https://miro.medium.com/v2/resize:fit:540/0*-WypK0Iqc5IugLRH.gif" style="height:284px; width:540px" /></p> <h1>2.&nbsp;<code>sup</code>&nbsp;&amp;&nbsp;<code>sub</code></h1> <p>You can add&nbsp;<strong>superscripts</strong>&nbsp;(like&nbsp;<code>x&sup2;</code>) with&nbsp;<code>sup</code>&nbsp;and&nbsp;<strong>subscripts</strong>&nbsp;(like&nbsp;<code>x₀</code>) using&nbsp;<code>sub</code>&nbsp;to your document.</p> <p><a href="https://tapajyoti-bose.medium.com/7-cool-html-elements-nobody-uses-436598d85668">Click Here</a></p>