Semantic HTML tags

<address>
  <a href="mailto:dev.wesjune@gmail.com">dev.wesjune@gmail.com</a>
  <a href="tel:+886987654321">(+886) 0987-654-321</a>
</address>

<form>
  <fieldset>
    <input type="text" list="lang" />
  </fieldset>
</form>
 
<datalist id="lang">
  <option value="JavaScript"></option>
  <option value="Python"></option>
  <option value="Java"></option>
  <option value="C"></option>
</datalist>

<details>
  <summary><label for="fn">Name & Extension:</label></summary>
  <p><input type="text" id="fn" value="Pillar Magazine.pdf" /></p>
  <p>
    <label><input type="checkbox" checked />Hide extension</label>
  </p>
</details>

<dialog open>This is an open dialog window</dialog>

<label for="file">Downloading</label>
<progress max="100" value="60" id="file">60%</progress>

<p>
  Today is{' '}
  <time datetime="2020-05-07T14:00">May 7th</time>
</p>