DEV Community

Cover image for 5 Most Unused and Ununderstood HTML Tags🚀
Shubham Jadhav
Shubham Jadhav

Posted on

5 Most Unused and Ununderstood HTML Tags🚀

#html #webdev #beginners

Here are 5 most rare used html tags which we learn today. While they might familiar but still quite useful in some situations.
So let's start learning most 5 html unused tags...

  1. abbr tag

    abbr tag only used for define abbreviated words. You need to define a title inside a tag and when a user is hover on it the full definition appears below.
    abbr tag is rarely used, but the benefits are many for screen readers, search engine and spellchecker.
    abbr tag

2.fieldset tag

 Fieldset is a nifty little attribute that you can add to your forms to logically group form elements. Once applied the fieldset tag draws a box around the elements within the fieldset.
Enter fullscreen mode Exit fullscreen mode

fieldset tag

3.ins tag

If you want underline without using css, then use ins tag. This tag add underline of the text which is inside the ins tag.
ins tag

4.del tag

This tag is as similar to ins tag but the difference is ins tag used to underline words and del tag is shown what's been taken out with a strikthrough.

del tag

5.cite tag

cite tag is used to define text inside other elements for a reference. Typically the browser will render the text inside of the cite tag in italics. The cite tag is really useful for citing bibliographic and other site references.
cite tag

🙏 Thanks for reading...
👉 Stay tuned with us for more
interesting article.

Top comments (1)

Collapse
 
teamradhq profile image
teamradhq •

I think that you misunderstand the purpose of these tags...

None of these tags are used to define visual styles on content because HTML has nothing to do with visual styles. It's a semantic language that is used to describe its content...

If you want to apply visual styling to your page, use CSS.

The abbr tag is used for abbreviations. Your example is invalid HTML, because use is not an abbreviation of html tags.

A valid use of abbr tag would be:

<abbr title="Hypertext Markup Language">HTML</abbr>
Enter fullscreen mode Exit fullscreen mode

The ins tag is used to represent inserted text. It it NOT used to apply underline to text. If you want to apply an underline to element text, use CSS.

So a correct example of underlining text would be:

<p>Joe is <span style="text-decoration: underline;">cleaver</span> boy.</p>
Enter fullscreen mode Exit fullscreen mode

A correct example of using the ins tag might be to show document revisions:

<!-- Before -->
<p>Some text about stuff.</p>

<!-- After -->
<p>Some text about stuff <ins>and things</ins>.</p>
Enter fullscreen mode Exit fullscreen mode

The del is the inverse of ins, it is used to symbolise text that was removed:

<p>Some text about stuff <del>and things</del>.</p>
Enter fullscreen mode Exit fullscreen mode

This tag is used all the time. A common example would be for discounted items on an ecommerce website:

<div class="price">
  <del class="full-price">$199.99</del>
  <span class="discount-price">$149.99</span>
</div>
Enter fullscreen mode Exit fullscreen mode

If you want to apply a visual strikethrough style to your content, use CSS:

<p>Joe is <span style="text-decoration: line-through;">cleaver</span> boy.</p>
Enter fullscreen mode Exit fullscreen mode

The cite tag is used to define the title of a creative work:

<cite>Animal Farm</cite> by George Orwell
Enter fullscreen mode Exit fullscreen mode

If you want to apply visual italic style, use CSS:

<span style="font-style: italic">italic</span>
Enter fullscreen mode Exit fullscreen mode

If you want to emphasise a particular portion of text, use em tag:

The emphasis should be on <em>this text</em>.
Enter fullscreen mode Exit fullscreen mode

Read next

endeo profile image

🔥 Blockchain is way More Than Just Crypto! Here's What's Really Cool Right Now

Paul Osadchuk -

antonmak1 profile image

How the new concepts of JSSugar and JS0 are able to slow down websites

antonmak1 -

rimi_jalil2002 profile image

Oracle and Meta Team Up: What It Means for Developers Working with AI Models

Rimsha Jalil -

midhunkrishnan profile image

To access terminal profile of VS Code and add commands to be run initially

Midhun Krishnan R -