---
title: HTML tags every frontend developer should know | daily.dev
description: semantic HTML adds the right context to your site’s content, which improves the user experience significantly. With the increasing focus on JavaScript...
canonical: https://daily.dev/posts/html-tags-every-frontend-developer-should-know-qisvggf4p
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: HTML tags every frontend developer should know | daily.dev
og:description: semantic HTML adds the right context to your site’s content, which improves the user experience significantly. With the increasing focus on JavaScript...
og:url: https://daily.dev/posts/html-tags-every-frontend-developer-should-know-qisvggf4p
og:image: https://api.daily.dev/og/posts/qIsvggf4P.png
og:image:alt: HTML tags every frontend developer should know
og:image:width: 1200
og:image:height: 630
og:locale: en
---
> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.
# HTML tags every frontend developer should know
**[LogRocket](https://daily.dev/sources/logrocket)** · 7 min read · 40 upvotes · 4 comments
## Summary
semantic HTML adds the right context to your site’s content, which improves the user experience significantly. With the increasing focus on JavaScript frameworks and libraries, many developers have placed less priority on HTML. We’ll show you what each tag does and how you can use HTML to streamline the development process.
## Full article
daily.dev links to this article rather than hosting it. Read it at the original source:
## Community discussion
Top comments from developers on daily.dev.
**@abelardhana** · 1 upvotes
> Very useful, instead just using tag
**@neeraj1005** · 1 upvotes
> really nice...learn new image map tag.
**@efeese** · 0 upvotes
> Amazing article
---
Tags: [#general-programming](https://daily.dev/tags/general-programming), [#html](https://daily.dev/tags/html), [#webdev](https://daily.dev/tags/webdev)
[View this post on daily.dev](https://daily.dev/posts/html-tags-every-frontend-developer-should-know-qisvggf4p)
```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"HTML tags every frontend developer should know","url":"https://daily.dev/posts/html-tags-every-frontend-developer-should-know-qisvggf4p","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/html-tags-every-frontend-developer-should-know-qisvggf4p"},"datePublished":"2020-12-25T16:06:05.940Z","dateModified":"2026-03-15T06:28:24.928Z","description":" semantic HTML adds the right context to your site’s content, which improves the user experience significantly. With the increasing focus on JavaScript...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/eebb3673ab4afc21d65fbc28882e042a","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/eebb3673ab4afc21d65fbc28882e042a","isAccessibleForFree":true,"articleSection":"LogRocket","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"LogRocket","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/logrocket","url":"https://daily.dev/sources/logrocket"},"commentCount":4,"discussionUrl":"https://daily.dev/posts/html-tags-every-frontend-developer-should-know-qisvggf4p","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":40},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":4}],"keywords":"general-programming,html,webdev","timeRequired":"PT7M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"LogRocket","item":"https://daily.dev/sources/logrocket"},{"@type":"ListItem","position":3,"name":"HTML tags every frontend developer should know"}]}
{"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/html-tags-every-frontend-developer-should-know-qisvggf4p","comment":[{"@type":"Comment","text":"Very useful, instead just using tag","datePublished":"2020-12-26T01:08:07.988Z","url":"https://daily.dev/posts/qIsvggf4P#c-SvC6q6xed","author":{"@type":"Person","name":"Abel A Simanungkalit","url":"https://daily.dev/abelardhana","image":"https://avatars0.githubusercontent.com/u/42704620?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"really nice…learn new image map tag.","datePublished":"2020-12-25T20:40:17.313Z","url":"https://daily.dev/posts/qIsvggf4P#c-DOZMabxpZ","author":{"@type":"Person","name":"Neeraj Singh Tangariya","url":"https://daily.dev/neeraj1005","image":"https://lh3.googleusercontent.com/a-/AOh14GjX9wb8Rxn2w3QhkBxwR465ZOzsMUAYCuqGnUwwrQ=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Amazing article","datePublished":"2020-12-29T12:47:25.393Z","url":"https://daily.dev/posts/qIsvggf4P#c-PBNt-KwQq","author":{"@type":"Person","name":"Fernando dos Santos","url":"https://daily.dev/efeese","image":"https://media.daily.dev/image/upload/s--ovUXOI2s--/f_auto,q_auto/v1/avatars/avatar_b5t_22XJ_"}}]}
```