---
title: "Semantic elements in HTML: why use them"
url: https://daily.dev/posts/semantic-elements-in-html-why-use-them-iyuqestnn
source_url: https://blog.openreplay.com/semantic-elements-in-html--why-to-use-them/
type: article
source: "asayer"
published: 2022-09-26T15:58:32.188Z
updated: 2022-09-26T15:58:32.187Z
tags: ["html"]
reading_time: 9
upvotes: 73
comments: 4
language: 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.

# Semantic elements in HTML: why use them

**[asayer](https://daily.dev/sources/asayer)** · 9 min read · 73 upvotes · 4 comments

## Summary

Semantic elements have to do with the syntax that makes the HTML very easy to understand. It makes our code cleaner and make more sense where each element uses the appropriate word. The navElement makes it immensely more accessible for us to create a neat menu of text links and help screen readers correctly identify the primary navigation areas in a document.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://blog.openreplay.com/semantic-elements-in-html--why-to-use-them/>

## Community discussion

Top comments from developers on daily.dev.

**@manthanank** · 0 upvotes

> Useful info💡

**@maretj** · 0 upvotes

> Well, why should you use a hammer to pound on a nail ?
> It's pretty obvious right ? It's made for it.
> So why would you go around using something else when tools are at there for it ?
>
> I read it quickly but it's a pretty good article :)

**@t0ny** · 0 upvotes

> Imagine a world where the default unaltered browser styles for these elements looked really slick without any CSS, and were kept updated with user browser themes too.

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments

---

Tags: [#html](https://daily.dev/tags/html)

[View this post on daily.dev](https://daily.dev/posts/semantic-elements-in-html-why-use-them-iyuqestnn)