Рекомендуемый сценарий / утилита форматирования HTML?

Простой вопрос - у меня есть куча грубых html-страниц, которые нужно очистить, и я ищу сценарий / утилиту с открытым исходным кодом или бесплатное программное обеспечение, чтобы удалить весь мусор и переформатировать их в красиво оформленный последовательный код. Какие-нибудь рекомендации?

Если это уместно, я обычно манипулирую HTML внутри Dreamweaver, но путем редактирования кода и использования окна wysiwyg в качестве предварительного просмотра, а не наоборот, поэтому сценарий, совместимый с Dreamweaver, будет плюсом.

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
4
0
9 603
11
Перейти к ответу Данный вопрос помечен как решенный

Ответы 11

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

Я не думаю, что он подключается к Dreamweaver, но всякий раз, когда мне нужно очистить HTML, HTML Tidy - это мой помощник

Вторая HTML Tidy.
Я просто хотел добавить, что это библиотека с различными портами и привязками. Таким образом, он также интегрирован в некоторые редакторы, такие как HTML-Kit или NoteTab, и имеет интерфейс с графическим интерфейсом пользователя. Все они связаны на указанной выше странице. Также обратите внимание, что Служба проверки разметки W3C имеет параметр «Очистить разметку с помощью HTML Tidy» (после отображения результатов проверки).

Вы даже можете буферизовать существующий HTML-код с помощью HTML Tidy до того, как он попадет в браузер - если это сайт с низким трафиком, это сделает все аккуратным без каких-либо усилий.

Dreamweaver CS3 имеет встроенный пункт «Очистить HTML» в пункте меню «Команды». Я не думаю, что он настолько всеобъемлющий, как HTML Tidy.

Из Сайт Adobe:

Clean up code

You can automatically remove empty tags, combine nested font tags, and otherwise improve messy or unreadable HTML or XHTML code.

For information on how to clean up HTML generated from a Microsoft Word document, see Open and edit existing documents.

  1. Open a document:

    • If the document is in HTML, select Commands > Clean Up HTML.
    • If the document is in XHTML, select Commands > Clean Up XHTML. -- For an XHTML document, the Clean Up XHTML command fixes XHTML syntax errors, sets the case of tag attributes to lowercase, and adds or reports the missing required attributes for a tag in addition to performing the HTML cleanup operations.
  2. In the dialog box that appears, select any of the options, and click OK. -- Note: Depending on the size of your document and the number of options selected, it may take several seconds to complete the cleanup.

Remove Empty Container Tags Removes any tags that have no content between them. For example, <b></b> and <font color = "#FF0000"></font> are empty tags, but the &ly;b> tag in &ltb>some text</b> is not.

Remove Redundant Nested Tags Removes all redundant instances of a tag. For example, in the code <b>This is what I <b>really</b> wanted to say</b>, the b tags surrounding the word really are redundant and would be removed.

Remove Non-Dreamweaver HTML Comments Removes all comments that were not inserted by Dreamweaver. For example, <!--begin body text--> would be removed, but <!-- TemplateBeginEditable name = "doctitle" --> wouldn’t, because it’s a Dreamweaver comment that marks the beginning of an editable region in a template.

Remove Dreamweaver Special Markup Removes comments that Dreamweaver adds to code to allow documents to be automatically updated when templates and library items are updated. If you select this option when cleaning up code in a template-based document, the document is detached from the template. For more information, see Detach a document from a template.

Remove Specific Tag(s) Removes the tags specified in the adjacent text box. Use this option to remove custom tags inserted by other visual editors and other tags that you don’t want to appear on your site (for example, blink). Separate multiple tags with commas (for example, font,blink).

Combine Nested <font> Tags When Possible Consolidates two or more font tags when they control the same range of text. For example, <font size = "7"><font color = "#FF0000">big red</font></font> would be changed to <font size = "7" color = "#FF0000">big red</font>.

Show Log On Completion Displays an alert box with details about the changes made to the document as soon as the cleanup is finished.

Я использую Средство форматирования HTML ... он делает именно то, что вы ищете.

Я тоже рекомендую HTML Tidy, хотя он больше не поддерживается Дэйвом Рэджеттом, этот инструмент определенно часто обновляется с помощью настроек.

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

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

Извините, я не могу разместить больше одной гиперссылки - здесь все еще n00b.

Я определенно считаю, что лучший инструмент - Средство форматирования HTML от Logichammer.com. Он делает именно то, что вам нужно, и чрезвычайно прост в использовании. Стоит посмотреть ... у парня даже есть видео на своем сайте, показывающее, насколько легко им пользоваться. Я использую его уже два года и не могу жить без него ... У меня много запутанного кода.

Я бы порекомендовал vim. Вы можете отформатировать блок кода с помощью v, чтобы выбрать блок, и '=', чтобы сделать отступ в коде.

Давно пользуюсь Полистиль и вполне доволен. Он довольно гибкий в отношении правил форматирования и стоит около 15 долларов. Доступна пробная версия.

Я использую Очистить HTML, он хорошо справляется с очисткой и форматированием HTML

Я бы посоветовал purehtml.in ... он украшает теги html, style и JavaScript ...

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