underrated html elements

2025-06-30 HTML

dl element

Represents a description list, includes a list of terms and there description.

Examples

dl - description list
the lst element
dt - descriped term
the term
dd - term desctiption
the description of the term
<dl>
  <dt>dl - description list</dt>
  <dd>the lst element</dd>

  <dt>dt - descriped term</dt>
  <dd>the term</dd>

  <dt>dd - term desctiption</dt>
  <dd>the description of the term</dd>
</dl>

time element

Translate dates into machine-readable format. For better search engine results or custom features such as reminders.
Represents a time (24-houre clock), a date (gregorian calendar, optional with time and timezone) or a time duration.

Examples

, starts at , duration 

<time datetime="2018-07-07">July 7</time>, starts at <time datetime="20:00">20:00</time>, duration <time datetime="PT2H30M">2h 30m</time>

Text inline element

<ul>
    <li>
        <mark>This text</mark> is marked. It is highlighted to marke the relevance in the enclosing context.
    </li>
    <li>
        "the cite tag is used to mark up the title of a creative work" source <cite>mozilla.org</cite>
    </li>
    <li>
       <em>em</em> emphasis compared to surrounding text
    </li>
    <li>
        You could use the u-element to highlight <u>speling</u> mistakes<u></u>
    </li>
    <li>
        <del>This Text</del> is removev and <ins>this text</ins> is new.
    </li>
</ul>

Small element

Represents side-comments and small print, like copyright and legal text.

This text is small.

<small>This text</small> is small.

Sub and sup

These elements should only be used for typographical reasons.
They lowered or raised the baseline of the text using smaller text.

This text is in a sub element and this text in a sup element.

<sub>This text</sub> is in a sub element and <sup>this text</sup> in a sup element.

links

❰ back