DEV Community

Madiha Eram
Madiha Eram

Posted on • Edited on

HTML tags and attributes you probably didn't know

I list some html tags that you probably or you didn't know about that

1)<noscript>:
For displaying alternate HTML content if the browser doesn't support JavaScript.
noscript
noscript output

2)spellcheck
It's used to check spelling and grammar.
spellcheck
spellcheck output

3)download
It instructs the browser to download a URL instead of navigating.
download

4)<kbd>
The <kbd> elements denotes a key on a keyboard.
kbd

kbd output

5)<datalist>
The <datalist> element is used to provide an "autocomplete" feature for <input> elements.
datalist
datalist output

6) <abbr>
This tag is used to represent an acronym or abbreviation of a longer word or phrase. The content written between tags renders with dotted underline in some browser.

This tag can be used with "title" attribute (optional), and the value of title attribute will be pop-up when the mouse hovers over the content written between tag.
abbr
abbr output

7)<optgroup>
When we're using <select> tag ,at that time , to out proper options to the selection box , <optgroup> tag is used in HTML5 .
This element includes global attributes like: 'disable ' & 'label'.
optgroup
optgroup output

8)<address>
The <address> tag basically provide contact information regarding author or owner of the organisation or documents or an article,The <address> tag always returns the value italics.
address
address output

9)<cite>
Citation is the term which is quotation from or a reference to a book,paper or author especially in a scholarly work.
As all of use know about <blockquote> , it's just similar to it.
cite
cite output

10) <acronym>
The <acronym> tag is compatible in any browser as well as it is used to abbreviate the full form of the title which is placed between these tags when hovered.
acronym
acronym output

11)hidden
The browser won't display elements that have the hidden attribute specified.
hidden
hidden o/p

12)accept
The accept attribute specifies a filter for what file types the user can pick from the file input dialog box.
accept
accept o/p

13)translate
It tells the browser whether the content should be translated or not.
translate

14)inputmode
inputmode
If you pick the type="number" when the keyboard opens on mobile, it will only open with numbers.

Top comments (3)

Collapse
 
jonrandy profile image
Jon Randy 🎖️ • Edited

<abbr> is for marking up an abbreviation. The title attribute is usually used on this tag to give the full expanded version of the abbreviated text, but it is not exclusive to the abbr tag.

Collapse
 
madiha_eram profile image
Madiha Eram

Okay I got it,thanks:)

Collapse
 
madiha_eram profile image
Madiha Eram

Thanks I'll edit it 😊