HTML tags and attributes you probably didn't know
Tags: html, beginners, programming, webdev
Published: 2021-12-19 12:18:48

_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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qgs6a20a5d2nb2errdx6.jpg)
![noscript output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ayri2dr9ht4a1at4zbi.jpg)

2)`spellcheck`
It's used to check spelling and grammar.
![spellcheck](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m2q9fdl71lgsapwqul8s.jpg)
![spellcheck output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d4d813b79s5krutm7buz.jpg)

3)`download`
It instructs the browser to download a URL instead of navigating.
![download](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sdsjr8lozons9sfj6ovj.jpg)

4)`<kbd>`
The `<kbd>` elements denotes a key on a keyboard. 
![kbd](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ge0kwu3rkizfn481rr3b.jpg)

![kbd output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mw04jdxiqatqtd9l6erb.jpg)

5)`<datalist>`
The `<datalist>` element is used to provide an "autocomplete" feature for `<input>` elements.
![datalist](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f3i9ri7zd6d30g87a16c.jpg)
![datalist output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nnvqfqy263hk9ayn5jgj.jpg)

6) `<abbr>`
This tag is used to represent an acronym or abbreviation of a longer word or phrase. The content written between <abbr> 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 <abbr> tag.
![abbr](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7m49g0i9zb3uvhlxs5gt.png)
![abbr output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4fl5jcd0l5337o7v26lf.jpg)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/siupnqtoonjsyry8v6fd.jpg)
![optgroup output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x0yj70are5jb9y7khnzu.jpg)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wymptjczqg9bmheib2vy.jpg)
![address output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gtj2i29e3bnixh9hnsw8.jpg)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mcfqgmzazfjhyqqjwxh5.jpg)
![cite output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nl93yreb0zqcdxi54k8b.jpg)

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](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qizh2dzn1b298zth7p8h.jpg)
![acronym output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/58mpqx6838gt8o00tud7.jpg) 

11)`hidden`
The browser won't display elements that have the `hidden` attribute specified.
![hidden](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p6hp0ej0cwjfuqotkvqy.png)
![hidden o/p](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k59m63jp13szkudes7tz.jpg)

12)`accept`
The `accept` attribute specifies a filter for what file types the user can pick from the file input dialog box.
![accept](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1c7ue4ynuwyfka5omyru.png)
![accept o/p](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ccogkhnfhkohdy5hr9eq.jpg)

13)`translate`
It tells the browser whether the content should be translated or not.
![translate](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r8enxmse2ktsu678f3zp.png)

14)`inputmode`
![inputmode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k9dfpcyvk3w9eflkzlsi.png)
If you pick the `type="number"` when the keyboard opens on mobile, it will only open with numbers.