Семантический HTML выражает значение документа. Он больше о том, чем является текст, чем о том, как он выглядит. Семантическая разметка намного легче поддается интерпретации. Она дружественна поисковой оптимизации. Отлично работает с современными браузерами, уменьшает количество кода, необходимого, чтобы выразить содержимое и повышает читаемость этого кода.
Для примера рассмотрим элемент<q>
Подобно своему блочному двоюродному брату <blockquote>, тег <q> используется для обозначения цитирования.
Почему же просто не использовать кавычки? Кавычки не всегда подразумевают цитирование. Иногда они используются для смыслового выделения, иронии или обозначения названия чего-либо — и в этом контексте, они используются правильно. Однако, если вы цитируете что-то, <q> явно выражает ваше намерение.