TGViewer
<ассоциативный максим/> - React, Angular, Node.js, NestJS, JavaScript, TypeScript, Vue, Frontend <ассоциативный максим/> - React, Angular, Node.js, NestJS, JavaScript, TypeScript, Vue, Frontend @am_code · 78 subscribers
Post #90 237
Почему важно использовать корректные #HTML5 тэги вместо div:

👉 Accessibility (читалки корректно понимают для чего секция вашей страницы предназначена и как с ней взаимодействовать)
👉 Maintainability & readability (легче читать и понимать код разметки, когда у тебя не одни лишь div'ы в ней)
👉 Machine friendly (частично относится к первому пункту, но так же поисковые боты и парсеры воспринимают валидные страницы лучше)
👉 Testability (легче тестировать и поддерживать актуальность тестов)

Перед тем, как использовать тег <div>, убедитесь что ни один из нижеперечисленных вам не подходит (если подходит - используйте корректный тег, вместо div)

header
footer
nav
main
section
summary
caption
label
p
ul
ol
blockquote
article
aside
mark
details
fieldset
legend
form
table
figure
figcaption
progress
q
abbr
address
time
dl
dialog
s
output
var


#am_html_tips #am_accessibility
More from @am_code
  1. Mar 11, 2026Сравнение производительности svg в зависимости от способа их встраивания ➡️ https://joanle…
  2. Feb 18, 2026Набор снипетов «как решить старые проблемы современным css» ➡️ https://modern-css.com 👍По…
  3. Feb 14, 2026Ещё один рейтинг LLMок (теперь от OpenRouter’a) ➡️ https://openrouter.ai/rankings 👍Подпис…
  4. Feb 7, 2026Рейтинг LLMок под разные типы задач ➡️ https://arena.ai/leaderboard/ 👍Подписаться | 🔥Бус…
  5. May 1, 2024The Front End Developer/Engineer Handbook 2024 Структурированный список полезных знаний со…
  6. Apr 24, 2024TypeScript Tip Вы можете использовать "as const" на template literal string, чтобы застави…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →