Какие инструменты позволяют мне отслеживать теги HTML при веб-разработке?

StackOverflow https://stackoverflow.com/questions/119180

  •  02-07-2019
  •  | 
  •  

Вопрос

Какие инструменты позволяют мне отслеживать теги при веб-разработке?Например, мне хотелось бы иметь возможность быстро определить, не пропустил ли я закрытие тега div.

На данный момент я использую Notepad++ для написания HTML.Он выделяет начальные и конечные теги, но мне может потребоваться время, чтобы просмотреть почти все теги, чтобы найти, где я ошибся.

Это было полезно?

Решение

HTMLTidy в настоящее время это практически стандарт де-факто для подобных вещей.

Удобный установщик Windows

Аккуратный FAQ

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

Всякий раз, когда я пишу страницу с нуля, я делаю отступы для тегов, чтобы внутренние были вложены во внешние теги.

Бывший:

<body>
    <div>
       Content here...
    </div>
</body>

Я также одновременно пишу открывающие и закрывающие теги, планирую макет страницы, а затем возвращаюсь и заполняю контент позже.

Вы можете сделать открывающий и закрывающий теги одновременно.Вы можете сделать отступ.На мой взгляд, выбор IDE или инструмента специально для этого кажется излишним.

ИМХО, вы не можете пройти мимо правильного отступа.

Отступы полезны.Я также нахожу HTML-валидатор расширение для Firefox, которое будет удобно для проверки проблем с HTML при просмотре страницы в браузере (что особенно удобно для проверки HTML, сгенерированного сервером).

А Дополнение для веб-разработчиков для Firefox очень удобно.Это дает вам хороший способ выделить различные теги на странице и упрощает их визуализацию.Также здесь слишком много инструментов, включая валидаторы HTML и CSS.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top