Веб Мастерская | Веб разработка и программирование | ИТ | IT
Без категории · 27 июля 2026 г.
HTML:
HTML: Нужен или нет слеш в одиночных тегах? Коллеги, признавайтесь — сколько раз вы ловили себя на мысли: <br> или <br/>? <img src="cat.jpg"> или <img src="cat.jpg" />? Я в мастерской этот спор слышу регулярно. Кто-то ставит слеш «на автомате», кто-то принципиально не ставит. А кто-то вообще не понимает, из-за чего сыр-бор. Давайте разложим по полочкам. Короткий ответ: в HTML5 слег — не нужен. Точка. Спецификация HTML5 чётко говорит: void-элементы (<br>, <hr>, <img>, <input>, <meta>, <link>, <area>, <base>, <col>, <embed>, <source>, <track>, <wbr>) — самозакрывающиеся. Слеш там не обязателен. Браузер его просто игнорирует. Пишете <br> — работает. Пишете <br/> — тоже работает. Пишете <br /> — угадали, тоже работает. Три варианта, один результат. Откуда вообще ноги растут? Из XHTML. Там XML-синтаксис требовал закрывать ВСЁ. <br /> — не прихоть, а закон. XHTML умер (ну, почти), а привычка осталась. У многих в мышцах зашито: «одиночный тег = слеш». А где слеш ВСЁ-ТАКИ нужен? В JSX (React, Next.js и вся эта братия). Там парсер на базе XML, и без слеша будет ошибка: // ❌ Сломается <img src="cat.jpg"> // ✅ Работает <img src="cat.jpg" /> Так что если вы переключаетесь между обычным HTML и React-компонентами — да, мозг будет путаться. Это нормально. Что делаю я в мастерской? Я ставлю всегда. Да, это не по спецификации. Да, это лишний вес кода. Да, это кого-то бесит. Пфф. Я привык к этому еще с HTML 4.01 Strict и пока это ничего не ломает — буду ставить. В команде — договариваемся и фиксируем в .editorconfig / ESLint. Не «как мне нравится», а «как у нас принято». Консистентность > личные предпочтения. Итого: HTML5 — Не нужен: <br> XHTML (RIP) — Обязателен: <br /> JSX / React — Обязателен: <br /> Не тратьте 15 минут на спор в код-ревью. Поставьте правило в линтер — и вопрос закрыт навсегда. А вы в каком лагере? Пишите в комменты 👇 Вот так. Идем кодить дальше! 🚀 #вебразработка #webdev #webdevelopment #frontend #backend #fullstack #созданиесайтов #php #js #html #css #mysql #seo #сео #ВебМастерская #СтудияАбрамова #АбрамовВеб