Какие инструменты позволяют мне отслеживать теги HTML при веб-разработке?
Какие инструменты позволяют мне отслеживать теги при веб-разработке? Например, я хотел бы быстро определить, не закрыл ли я тег div.
На данный момент я использую блокнот ++ для написания html. Он выделяет начальные и конечные теги, но мне может потребоваться время, чтобы просмотреть почти все теги, чтобы найти, где я ошибся.
Ответы 6
HTMLTidy в значительной степени является стандартом де-факто для такого рода вещей в настоящее время
Вы можете сделать открывающий и закрывающий теги одновременно. Вы можете сделать отступ. На мой взгляд, выбор IDE или инструмента специально для этого кажется излишним.
Вы не можете пройти мимо правильного отступа, ИМХО.
Когда я пишу страницу с нуля, я делаю отступ для тегов, чтобы внутренние были вложены во внешние теги.
Бывший:
<body>
<div>
Content here...
</div>
</body>
Я также записываю открывающий и закрывающий теги одновременно, планирую макет страницы, а затем возвращаюсь и заполняю содержимое позже.
Отступы полезны. Я также считаю, что расширение Валидатор HTML для Firefox удобно для проверки наличия проблем с HTML при просмотре страницы в браузере (что особенно удобно для проверки HTML, созданного сервером).
Я полагаю, это изменилось с 2008 года. Полезно знать, что сейчас это проблема.
Надстройка для веб-разработчиков для Firefox очень удобен. Это дает вам хороший способ выделять различные теги на странице и упрощает их визуализацию. Также здесь слишком много инструментов, включая валидаторы HTML и CSS.
К сожалению, это расширение не распознает отсутствующие конечные теги. Причина этого в том, что он смотрит только на проанализированную DOM, а браузер обрабатывает отсутствующие конечные теги при синтаксическом анализе DOM.