Інструменти HTML

Що таке HTML

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

Типові завдання

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

Іншим разом код треба змінити: виправити зламаний макет, поправити текст у шаблоні, випробувати правило CSS або підготувати фрагмент для CMS. Редактор HTML пропонує автодоповнення тегів і атрибутів, автоматичне закриття тегів, живий попередній перегляд, форматування HTML, що вирівнює безладну розмітку, мініфікацію, яка прибирає пробіли й коментарі, та перевірку незакритих тегів. Коли все готово, завантажте файл або скопіюйте код.

Якщо документ написано в Markdown, а не в HTML, Markdown Viewer покаже його та зможе експортувати окрему сторінку HTML. А щоб перетворити розмітку на інший формат, скористайтеся конвертерами HTML у Markdown і HTML у текст або, навпаки, перетворіть звичайний текст на розмітку за допомогою інструмента Текст в HTML.

Конфіденційність і безпека за задумом

Усе відбувається у вашому браузері. Файли не надсилаються на сервер, обліковий запис не потрібен. HTML з неперевірених джерел показується в ізольованій пісочниці: у безпечному режимі скрипти й обробники подій вилучаються ще до відображення, а навіть з увімкненими скриптами перегляд працює в окремому джерелі (origin) без доступу до цього сайту, його сховища чи інших ваших вкладок. Ви самі вирішуєте, чи можна завантажувати зовнішні зображення, стилі й скрипти, на які посилається сторінка, і можете заблокувати їх одним перемикачем.