В HTML есть void-элементы, вы их часто встречаете:
<br>, <img>, <input>, <link>, <source> и так далее (вот тут можно посмотреть полный список). Это такие элементы, у которых не может быть дочерних DOM-узлов, в том числе текстовых.А ещё в современном HTML нет самозакрывающихся тегов. Вот цитата с MDN:
Self-closing tags (<tag />) do not exist in HTML.
То есть когда я пишу
<br /> — это ошибка, которую браузер за мной чинит. У Джейка Арчибальда есть статья про бесполезные слеши в HTML-тегах, мы её как-то активно в подкасте обсуждали.Беда в том, что prettier, которым я всё-таки активно пользуюсь в React-проектах, очень не очень работает с обычным HTML. Конкретно с void-элементами работает плохо: расставляет те самые бесполезные слеши, придумывает какие-то новые самозакрывающиеся элементы вроде
<div /> и так далее.Как же здорово, что есть плагин, который это чинит. Вадим Макеев скидывал его в чатик редакторов Веб-стандартов уже давно, но добрался с ним поиграться я буквально неделю назад. Стало прямо хорошо. Рекомендую всем, кто всё-таки уважает стандарт HTML прямо в исходниках, а не полагается целиком на сборщики.
https://github.com/awmottaz/prettier-plugin-void-html
