HTML-тег VScode без закрывающей метки

Я использую редактор vscode. Vscode имеет emmet, мой вопрос:

Как изменить emmet или другое расширение для добавления / вставки тегов, подобных этому <br/>, <img/>.

У меня уже есть тег автоматического закрытия, но он работает только для <div></div> и других тегов.

Почему? Это активно вредно в HTML 4 и ранее. В HTML 5 это необязательно, так что это просто раздувание.

Quentin 27.11.2018 11:50

@ Квентин не согласен. Это может быть полезно, если вы хотите применить базовые проверки соответствия xml, такие как тестирование, если документ правильно сформирован. Я знаю, что многие считают это крайним случаем, который не стоит принимать во внимание, но я считаю, что HTML 5 явно допускает самозакрывающиеся пустые элементы, и это очень мало накладных расходов на то, что вы получаете, даже если парсер согласно спецификации требуется для игнорируйте закрывающую косую черту.

connexo 27.11.2018 11:54

В таких случаях лучше использовать настоящий валидатор HTML 5.

Quentin 27.11.2018 11:55

Другая причина заключается в том, что некоторые движки шаблонов, например, Thymeleaf не позволяет создавать HTML-код, не соответствующий xml. Это также верно, например, для логических атрибутов (не атрибутов без значений).

connexo 27.11.2018 11:57

У меня есть пара скобок для раскраски html, и когда такие теги, как <img>, <br>, не имеют "/", он работает неправильно. Самое простое решение прямо сейчас - отключить это расширение для html или у вас есть другие идеи?

user10392914 27.11.2018 12:52
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
5
1 421
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Поместите это в свои настройки:

"emmet.syntaxProfiles": {
   "html": "xhtml"
},

Теперь вы получите <br /> и <img….. />. См. emmet: закрывающие теги в стиле xhtml.

Отлично, не забудьте принять ответ, если он оказался для вас полезным и точным. Спасибо.

Mark 27.11.2018 16:53

Если вы хотите иметь обратную косую черту только в пустых элементах или настроить другие аспекты сокращений Эммета, в вашем settings.json вы можете сделать:

"emmet.syntaxProfiles": {
    "html": {
        "attr_quotes": "single",
        "self_closing_tag": true
    }
}

Где self_closing_tag соответствует тому, следует ли выводить пустой элемент с закрывающим тире.

Документация Эммета имеет список некоторых ключей для создания вашего собственного выходного профиля

Другие вопросы по теме