The most Uncommon HTML5 Tags you should know!
3 min read
Hey Readers, 👋
Priyanshu here. I'm a self-taught web developer.
Web development is an interesting yet challenging approach so here I'm sharing my bit of knowledge to abate complexity for you all.
1. Abbreviation :
<abbr>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.
<p> The most wonder key of your development is <abbr title="Self Reflection is kind of self Questioning or self talk"> Self Reflection</abbr></p>
- Output :
<acronym>is another abbreviation tag
- In HTML5
<acronym>is not supported. In case we use the
<acronym>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.
<p> The <acronym title="world wide web">www</acronym> is only a component of Internet </p>
- Output :
3. Address :
<address>tag basically provides contact information regarding author or owner of the organisation or documets or an article.
<address>tag always returns the value Italics.
<address> <a href="mailto:email@example.com">firstname.lastname@example.org</a><br> <a href="tel:+442030xxxxxx">(203) 0xx-xxxx</a> </address>
4. Cite :
<cite>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
<blockquote>, it’s just similar to it.
- When we want to give italics expression,we can use this alternative.
<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>
5. Optgroup :
When we are using
<SELECT>tag, at that time, to put proper options to the selection box,
<optgroup>tag is used in HTML5.
- This element includes Global Attributes like: disable and label.
Tag omission is allowed. Closing tag is optional.
<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>
- Output :
6. Fieldset :
<fieldset>in HTML5 is used to make a group related form controls and labels.
In browsers, a box aroun the content is drawn.
<form action="fieldsetdemo/"> <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> <input type="submit"> </form>
- Output :
- 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 ☺️.
You can extend your Support by Buying me a coffee here.🌴
Published on: 12/10/2021
Did you find this article valuable?
Support Priyanshu Kumawat by becoming a sponsor. Any amount is appreciated!