DEV Community

Cover image for The most Uncommon HTML5 Tags you should know!
Nicholas Chibueze Michael
Nicholas Chibueze Michael

Posted on

The most Uncommon HTML5 Tags you should know!

Hey Readers, ๐Ÿ‘‹
Nicholas here. I'm a web developer.
Web development is interesting yet a challenging approach so here I'm sharing a bit of knowledge to abate complexity for you all.

HTML is the standard markup language for documents designed to be displayed in a web browser. It provides a powerfull accessibility functions if used appropriately and Also can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript. In addition to this, it's easy to learn and has a lots of features that you can use as Web developer. Here, I'm going to show you some of the most Uncommon HTML tags. ๐Ÿ˜€
1.Abbreviation:

  • The tag in HTML5 is the latest title.
  • When the mouse curser is hovered on the title, it will display a full description in the tooltip form.

  • This element includes Global Attribute like: title.

  • Example:

    The most wonder key of your development is ` Self Reflection

    The most wonder key of your development is

    Self Reflection

    `
  1. Acronym:
  • The is another abbreviation tag

  • In HTML5 is not supported. In case we use the tag

  • The tag is compatible in any browser as well as it is used to abbreviate the full form of the title whixh is placed between these tags when hovered.

  • Example:



    ` <p> The <acronym title="world wide web">www</acronym>
 is only a component of Internet
    </p>
`

Enter fullscreen mode Exit fullscreen mode
  1. Address:
  • The

    tag basically provides contact information regarding author or owner of the organisation or documets or an article.
  • The

    tag always returns the value Italics.
  • Example:


`<address>
<a href="mailto:username@gmail.com">username@gmail.com</a><br>
<a href="tel:+442030xxxxxx">(203) 0xx-xxxx</a>
</address>`

Enter fullscreen mode Exit fullscreen mode
    1. Cite :
  • The tag is the citation element of HTML.

  • Citation is the term which means a quotation from or reference to a book, paper, or author, especially in a scholarly work.

  • As all of use know about the

    , itโ€™s just similar to it.
  • When we want to give italics expression,we can use this alternative.

  • Example :

`
<blockquote>    
   <p>" Only you built your Limits "</p>    
<footer>    
      Example <cite>Rare Tags: Cite </a></cite>by Priyanshu 
</footer>    
</blockquote> 
 <p>For More details visit us: <cite> HTML E-Learns</cite>.</p>`
Enter fullscreen mode Exit fullscreen mode
    1. Optgroup :
  • When we are using tag, at that time, to put proper options to the selection box, tag is used in HTML5.

  • This element includes Global Attributes like: disable and label.

  • Tag omission is allowed. Closing tag is optional.

  • Examples :

`<label for="communitysite">Community Site:</label>    
  <select id="communitysite" name="communitysite">
       <optgroup label="Saturday"></optgroup>
       <option value="insta">Instagram</option>
       <option value="fb">Facebook</option>
       <option value="pin">Pinterest</option>
      <optgroup label="Monday"></optgroup>
     <option value="csharpcorner">C-Sharp Corner</option>
     <option value="git">GitHub</option>
 </select>`
Enter fullscreen mode Exit fullscreen mode
    1. Fieldset :
  • The

    in HTML5 is used to make a group related form controls and labels.
  • In browsers, a box around the content is drawn.

  • Example :
    `

`

<fieldset>
   <legend>Personal details</legend>
   <label for="yourname">Your name : </label><input name="yourname" id="yourname">
    <label for="yourage">Your age :</label> <input type="number" name="yourage" id="yourage">
 </fieldset>

 <fieldset>
     <legend>House address</label>
     <label for="housenumber">House number : </label> <input name="housenumber" type="number" id="housenumber">
    <label for="street">Street : </label> <input name="street" id="street">
    <label for="postcode">Zip code / Post code : </label> <input id="postcode" name="postcode">
 </fieldset>
`

`

Conclusion:

  • We covered some Underrated yet powerful HTML tags that you should know.

  • I hope you find it useful. If yes then let me know in the comments.
    Also if you want more useful content related to web development follow me on Twitter
    Thanks for Reading โ˜บ๏ธ.

Top comments (2)

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
drsimplegraffiti profile image
Abayomi Ogunnusi

Thanks for sharing