5 UNCOMMON BUT AMAZING HTML TAG EVERY DEVELOPER MUST KNOW

5 UNCOMMON BUT AMAZING HTML TAG EVERY DEVELOPER MUST KNOW

HTML stands for HyperText Markup Language. it describes the structure of a Web page, it consists of a series of elements and these elements tell the browser how to display the content, the elements are represented by tags. HTML tags element names surrounded by angle bracket e.g

add your content here Understanding HTML tags and their uses is important and fundamental in learning how to develop a website. This article will focus on the five uncommon but awesome HTML tags you must know.

  1. Cite tag: The tag defines the title of a work, it is used to describe a reference to a cited creative work and must include the title of the work. it gives the title an italic font style by default.
<P> <cite>The work </cite>john wood 2019</p>

2.datalist tag: The tag specifies a list of pre-defined options for an element. It contains a set of options elements that present recommended options to choose from. Use the element's list attribute to bind it together with a element. Example:

<datalist id="month">
  <option value="january">
  <option value="febuary">
  <option value="march">
  <option value="april">
  <option value="may">
</datalist

3.The progress tag: The tag display an indicator showing the progress of a task, typically displayed as a progress bar. it’s used to show the progress of a task, but it’s not supported by Internet Explorer 9 and its earlier version e.g

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

4.Template tag: The tag holds its content hidden from the client. Content inside a tag will not be rendered. The content can be made visible and rendered later by using JavaScript. You can use this tag to hide content and use it for HTML code you want to use over and over but only when you ask for it.

<template>
 <input list="month">
<datalist id="month">
  <option value="january">
  <option value="febuary">
  <option value="march">
  <option value="april">
  <option value="may">
</datalist>
</template>

5.Optgroup tag: The is used to group related options in a drop-down list, it creates a group of options within a selected element.

  <optgroup label="Days">
    <option value="monday">monday</option>
    <option value="tuesday">tuesday</option>
<option value="wednesday">wednesday</option>
<option value="thursday">thursday</option>
  </optgroup>
</select>