The most Uncommon HTML5 Tags you should know!
Nicholas Chibueze Michael
Posted on April 8, 2022
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
- 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>
`
- 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>`
- 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>`
- 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>`
- 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 ☺️.
Posted on April 8, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
November 30, 2024