IT Service and Solutions in India

  • Facebook
  • Twitter
  • Linkedin

5 HTML Elements You Might Not Know How to Use

Posted by admin on December - 18 - 2017

There will be some new options of HTML are there but its less acknowledged applications that haven’t yet come into your radar, we cover them quite often on this website.

HTML Tags and its uses, HTML Tags, Useful HTML Tags, HTML elements, HTML tags , HTML elements uses

In today’s post, let us discuss about this 5 HTML elements, Some of the tags can be used as frequently, however most likely not at its full potential.

1. <data>

The <data> element has a similar function to the data-* attributes. It can be used to provide machine-readable data for a user-friendly content. The value attribute of this element carries the added information.
HTML

HTML Tags and its uses, HTML Tags, Useful HTML Tags, HTML elements, HTML tags , HTML elements uses

In the above HTML, the ISBN of each book is added in the value attribute of the <data> element that encloses the book title.

In the above HTML, the ISBN of every book is added within the value attribute of the <data> element that encloses the book title. On the book market, ISBN is employed to unambiguously determine a book.

HTML Tags and its uses, HTML Tags, Useful HTML Tags, HTML elements, HTML tags , HTML elements uses

To roughly show you ways to extract the <data> values in JavaScript, the on top of script extracts the ISBNs from the <data> tag and displays them, together with the book titles, at a delegated place within the page.

2. <label>

Most likely you’re already accustomed to the <label> component, but it’s not only for checkboxes. It will control different labellable components also, performing their actions rather like it performs the actions of checkboxes.

HTML Tags and its uses, HTML Tags, Useful HTML Tags, HTML elements, HTML tags , HTML elements uses

You only need to use same value for the id attribute of the HTML element you want to control and for attribute of the belongings <label> tag.

3. <ruby>

This component is usually used for East-Asian languages, but this isn”t its only use case. The aim of <ruby> is only to feature annotation or pronunciation for texts, and you’ll be able to do exactly that with English content in addition.

HTML Tags and its uses, HTML Tags, Useful HTML Tags, HTML elements, HTML tags , HTML elements uses

The component encloses 2 main sub-elements, particularly <rb> and <rt>. The <rb> tag holds the text you wish to annotate (called the bottom text) and <rt> holds the annotation itself.

This is however the output appearance like:

HTML Tags and its uses, HTML Tags, Useful HTML Tags, HTML elements, HTML tags , HTML elements uses

4. <ol>

The <ol> tag for ordered lists is another component that you just aware of. It creates a listing that has numbered parts, as opposite to unordered list created with <ul>.

HTML Tags and its uses, HTML Tags, Useful HTML Tags, HTML elements, HTML tags , HTML elements uses

You might have celebrated regarding the ordering, however did you recognize that the order is reversed? rather than associate incrementing order, decrementing listing may also be performed by <ol>, mistreatment the reversed attribute.

The reversed attribute reverses the enumeration, whereas the sort attribute determines the sort of enumeration. The capital I denotes capital roman enumeration.

This is however it’s like on the screen:.

HTML Tags and its uses, HTML Tags, Useful HTML Tags, HTML elements, HTML tags , HTML elements uses

5. <dfn>

The <dfn> tag is supposed to wrap a term that’s outlined by its encompassing text. The text encircled by the <dfn> tag is titled by browsers with italics, which means this can be the term being outlined.

You can add the definition of the term inside <dfn> within the worth of its title attribute, that is beneficial to outline words that aren’t essentially outlined by their encompassing text.

HTML Tags and its uses, HTML Tags, Useful HTML Tags, HTML elements, HTML tags , HTML elements uses

The <dfn> element works equally to <abbr> that displays the which means of associate degree abbreviation given in its title attribute once the user hovers over the element.

This is its default browser styling, but on a production web site, you will wish to use a special style:
HTML Tags and its uses, HTML Tags, Useful HTML Tags, HTML elements, HTML tags , HTML elements uses

Taking the indicator over the outlined word, the page can show the definition additional within the title attribute.

Our Happy clients

  • Go-Past
  • HFEN
  • stellamariscollege
  • Bright Kids Learning
pozcu escort mersin üniversiteli escort escort mersin