Приложение, чтобы понять HTML?

Question

Есть ли приложение Windows, которое я мог бы использовать, чтобы просто вставить исходный HTML-код страницы и проанализировать его, чтобы я мог видеть, где начинается и заканчивается каждый раздел?

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

Я бы предпочел автономную утилиту, а не надстройку к браузеру.

Спасибо.

---

Редактировать: Если возможно, я бы хотел легкую утилиту (т.е. не полноценную IDE, такую ​​как Eclipse или VS), которая отображает блоки в виде дерева, поэтому я могу складывать / раскрывать блоки и концентрироваться на тех интересует.

Answer 1

Если вы разрабатываете свой HTML в Eclipse или IntelliJ, вы можете использовать ярлык кода формата

Answer 2

Встроенные инспекторы DOM в большинстве современных браузеров были бы хорошим началом. Я знаю, что вы сказали автономный, а не надстройка для браузера, но преимущество в том, что они будут выделять элемент на странице, что очень удобно. Они также хороши для игры с CSS и быстрых экспериментов с Javascript.

Для IE8 перейдите к Tools > Developer Tools (или F12). Для IE6 и IE7 доступно несколько расширений: Панель инструментов разработчика IE и Помощник веб-разработки

Для Opera и Chrome просто щелкните правой кнопкой мыши в любом месте> Inspect Element. Safari также имеет этот , он просто должен быть включен.

Для Firefox вам нужно скачать Firebug

Из всех этих я предпочитаю Firebug. По моему опыту, он является наиболее стабильным и простым для внесения изменений в HTML и CSS на страницу для экспериментов, хотя инспектор WebKit также очень хорош.

Всегда помните, что эти инструменты показывают вам разобранное дерево DOM, которое может отличаться от исходного HTML.

Answer 3

Установите бесплатное приложение Opera Browser, перейдите на страницу, щелкните правой кнопкой мыши что-нибудь, нажмите «Проверить элемент».

Answer 4

Похоже, HTML аккуратно будет соответствовать всем требованиям.

Многие редакторы-программисты уже имеют это на месте - notepad ++ имеет функцию HTML аккуратный, Visual Studio также можно использовать (Ctrl + k + d ).