Привет! О семантических тегах.
✍️ Что это вообще? - это теги, своим названием указывающие на содержимое, на то, какую функцию контент выполняет на сайте

✍️ Зачем нужны семантические теги? - они позволяют поисковым роботам, seo-инструментам, скриндерам, лучше понимать контент на сайте и таким образом улучшают их работу. Например, скринридер, встретив тег <em>, изменит интонацию при чтении, чтобы сделать эмоциональный акцент на содержимом.

✍️ На примерах: например <img> означает картинку, <table> таблицу, а вот <div> или <span> могут иметь абсолютно любое содержимое. Семантические теги: <section>, <article>, <aside>, <header>, <footer>, <main>, <nav>, <form>, <strong>, <em>, <figure>, <figcaption>, <address>, <del>, <time> и многие другие

✍️ Что такое HTML5? - это современный стандарт языка HTML, как CSS3 для CSS. Вам нужно знать основы этих стандартов для того, чтобы писать хороший код и для того, чтобы пройти собеседование. HTML5 запрещает использование некоторых тегов, признаваемых устаревшими, например, <center>, <font>, <tt>, <strike>. А также HTML5 вводит новые теги, как раз-таки семантические, такие как <header>, <footer> и так далее

✍️ Тоесть <div> или <span> использовать плохо? - Конечно нет, если вам нужна обертка, например, для стилизации, их использование вполне разумно, но по возможности для выделения разделов сайта и других смысловых частей контента лучше использовать семантические теги.

🔗 Стандарт HTML5, спецификация - на английском
🔗 Документация HTML5 - на русском
🔗 Про семантические теги
#верстка #frontend