Инструменты для HTML

Что такое HTML

HTML (HyperText Markup Language) описывает структуру веб-страницы тегами: заголовки, абзацы, ссылки, изображения, таблицы, формы. Браузер превращает разметку в страницу, которую вы видите; за оформление отвечает CSS, за поведение — JavaScript. HTML встречается не только на сайтах: это рассылки и шаблоны писем, отчеты, документация, сохраненные веб-страницы и результат множества программ с функцией «экспорт в HTML».

Типичные задачи

Часто у вас просто есть файл .html или фрагмент кода, и его нужно увидеть в готовом виде без настройки веб-сервера: шаблон письма от коллеги, отчет, созданный скриптом, страница, сохраненная из интернета, или пример из учебника. HTML Viewer отрисует его сразу, переключит ширину между компьютером, планшетом и телефоном и покажет исходный код с подсветкой рядом с предпросмотром.

В других случаях код нужно изменить: поправить сломанную верстку, заменить текст в шаблоне, попробовать правило CSS или подготовить фрагмент для CMS. Редактор HTML дает автодополнение тегов и атрибутов, автозакрытие, живой предпросмотр, форматирование неаккуратной разметки, минификацию с удалением пробелов и комментариев и проверку незакрытых тегов. Если на странице есть скрипты, их можно запустить переключателем «Выполнять JavaScript» — тоже в песочнице. Когда все готово, скачайте файл или скопируйте код.

Если документ написан не на HTML, а на Markdown, Markdown Viewer покажет его и сможет выгрузить отдельную HTML-страницу — например, чтобы потом открыть ее в редакторе HTML и доработать верстку.

Конфиденциальность и безопасность

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