3 HTML5 tags you didn’t know existed.

The Progress Tag

The “progress” tag is an easy way to display a progress bar using only HTML. Of course, you can also update the value with JavaScript and move it.

<progress value=”30″ max=”100″>30%</progress>

…


This content originally appeared on DEV Community and was authored by Udeh Princewill Nzubechukwu

The Progress Tag

  • The "progress" tag is an easy way to display a progress bar using only HTML. Of course, you can also update the value with JavaScript and move it. 
<progress value="30" max="100">30%</progress>

The Details Tag + Summary Tag = Accordion

  • If you use the "Details" and "Summary" tags together, you'll get a very simple accordion right out of the box, without the need for JS at all. 
    <details>
      <summary>Now open the accordion</summary>
      And here is the accordion body
    </details>

Abbreviation (abbr)

  • You can use the "abbr" tag to add notes to the abbreviation. Very useful when writing technical content with many shortcuts that we usually take for granted. 
<abbr title="World Health Organization">WHO</abbr> was founded in 1948.

Thanks for following along and would love to have a feedback of how this helped you.


This content originally appeared on DEV Community and was authored by Udeh Princewill Nzubechukwu


Print Share Comment Cite Upload Translate Updates
APA

Udeh Princewill Nzubechukwu | Sciencx (2022-07-08T00:52:29+00:00) 3 HTML5 tags you didn’t know existed.. Retrieved from https://www.scien.cx/2022/07/08/3-html5-tags-you-didnt-know-existed/

MLA
" » 3 HTML5 tags you didn’t know existed.." Udeh Princewill Nzubechukwu | Sciencx - Friday July 8, 2022, https://www.scien.cx/2022/07/08/3-html5-tags-you-didnt-know-existed/
HARVARD
Udeh Princewill Nzubechukwu | Sciencx Friday July 8, 2022 » 3 HTML5 tags you didn’t know existed.., viewed ,<https://www.scien.cx/2022/07/08/3-html5-tags-you-didnt-know-existed/>
VANCOUVER
Udeh Princewill Nzubechukwu | Sciencx - » 3 HTML5 tags you didn’t know existed.. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2022/07/08/3-html5-tags-you-didnt-know-existed/
CHICAGO
" » 3 HTML5 tags you didn’t know existed.." Udeh Princewill Nzubechukwu | Sciencx - Accessed . https://www.scien.cx/2022/07/08/3-html5-tags-you-didnt-know-existed/
IEEE
" » 3 HTML5 tags you didn’t know existed.." Udeh Princewill Nzubechukwu | Sciencx [Online]. Available: https://www.scien.cx/2022/07/08/3-html5-tags-you-didnt-know-existed/. [Accessed: ]
rf:citation
» 3 HTML5 tags you didn’t know existed. | Udeh Princewill Nzubechukwu | Sciencx | https://www.scien.cx/2022/07/08/3-html5-tags-you-didnt-know-existed/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts