---
title: "Semantic HTML in Ruby on Rails"
author: "Yaroslav Shmarov"
date: "2022-05-02"
canonical_url: "https://blog.superails.com/semantic-html-in-rails"
markdown_url: "https://blog.superails.com/semantic-html-in-rails.md"
description: "Often when writing an HTML page we resort to div and span, whereas there are many other HTML tags that we just tend to overlook or forget."
tags: ["rails","html"]
license: "GNU AGPL v3. Credit Yaroslav Shmarov and link the canonical URL."
video_url: "https://www.youtube.com/watch?v=_7Hk8EPpr-U"
---
# Semantic HTML in Ruby on Rails
Often when writing an HTML page we resort to `div` and `span`, whereas there are many other HTML tags that we just tend to overlook or forget.
Writing semantic HTML means actually using the right HTML tags for different parts of a page.
Semantic HTML is important for accessibility, screen readers, SEO. And just looks more professional ;)
Good resources on writing semantic HTML:
* [MDN HTML API](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)
* [CSS tricks: How to Section Your HTML](https://css-tricks.com/how-to-section-your-html/)
### Example of utilizing semantic HTML in a Ruby on Rails app:
* `` for logao and navigation
* `` for `<%= yield %>`
* `