Вихідний код HTML (.html)

Живий Стандарт

HTML: це мова розмітки для структурування вебсторінок за допомогою заголовків, посилань, форм, зображень та іншого вмісту. Браузери відображають цю структуру, а CSS і сценарії керують її виглядом та поведінкою.

Винахідник: Тім Бернерс-Лі та WHATWGРік: 1993MIME: text/html

Конвертувати з JSON у HTML

Безкоштовний конвертер з JSON у HTML у браузері. Миттєво конвертуйте файли на своєму пристрої.

Конвертер з JSON у HTML

Аналіз та метадані

Операційні системи та аналізатори файлів ідентифікують файли HTML, перевіряючи початкову послідовність бінарних байтів:

Виберіть або перетягніть файли сюди

Приватно - файли ніколи не залишають ваш пристрій

або вставте Ctrl+V

Гарантія конфіденційності без передавання даних мережею: Жодного байта не передано на зовнішні сервери. Уся обробка відбувалася локально в ізольованому середовищі браузера.

Сигнатура заголовка на байтовому рівні (Magic Bytes)

ШІСТНАДЦЯТКОВА СИГНАТУРА (ЗСУВ 0):

3C 21 44 4F 43 54 59 50 45 20 68 74 6D 6C

ПОДАННЯ В ASCII: <!DOCTYPE html

Стандартизація: Живий стандарт HTML WHATWG / Рекомендація W3C

Технічні характеристики

Архітектура контейнера	Текстовий потік Unicode, структурований як елементи ієрархічного дерева об'єктної моделі документа (DOM)
Стиснення	Нестиснений текстовий потік (зазвичай стискається через HTTP за допомогою Brotli або Gzip)
Порядок байтів (Endianness)	Текстовий потік UTF-8 / Unicode (BOM необов'язковий)
Колірні простори	sRGB, Display P3, Rec.2020 через CSS Color 4
Канали та структура	Гіпертекстова розмітка, стилі CSS, інтерактивність JavaScript, вбудований SVG, Canvas, аудіо та відео
Максимальні розміри	Необмежені межі полотна документа (нескінченна прокрутка)
Прозорість	Повне керування прозорістю CSS, колірні альфа-канали (rgba/color()) та режими накладання
Потокове та прогресивне завантаження	Інкрементний потоковий синтаксичний аналіз: браузери відображають елементи до завершення завантаження всього файлу

Технічна матриця порівняння: HTML проти конкурентів

Технічний атрибут	HTML (Поточний)	MD	XML	PDF
Інтерактивність та логіка	Повноцінна підтримка JavaScript і сценаріїв DOM	Лише статичний декларативний текст	Зберігання даних (без вбудованої логіки)	Обмежені скрипти форм (AcroJS)
Гнучкість стилізації	Необмежені можливості візуального оформлення за допомогою CSS3/CSS4	Стандартний стиль залежно від теми	Потребує таблиць стилів XSLT	Суворо фіксований за пікселями макет
Відображення HTML-сторінок	100% вбудована підтримка в кожному браузері	Потребує рушія рендерингу Markdown	Потребує переглядача XML або стилів	Потребує вбудованого плагіна PDF
Гіперпосилання	Вбудовані гіперпосилання HTML (href)	Синтаксис Markdown [текст](url)	Синтаксис XML XLink	Вбудовані анотації посилань PDF

Типові режими пошкодження та посібник з відновлення в шістнадцятковому форматі

Сторінка відображає сирі теги HTML як текст або спотворені символи інших мов (наприклад, «Ã©»).

Першопричина: Відсутність оголошення кодування UTF-8 ('<meta charset="utf-8">') або невідповідність заголовків кодування.

Відновлення: Додайте '<meta charset="utf-8">' або перекодуйте в UTF-8 за допомогою текстового конвертера File2File.app.

Аналіз безпеки та векторів атак на парсери

Рушії HTML виконують скрипти та аналізують складну розмітку, де неочищені дані користувача можуть спричинити міжсайтовий скриптинг (XSS).

Відомі вектори атак

Збережений або відображений міжсайтовий скриптинг (XSS), що викрадає файли cookie сеансу користувача та токени автентифікації.
Впровадження HTML, що обманює користувачів через підроблені інтерфейси входу.
Вразливості безпеки на основі DOM, що маніпулюють document.location або eval().

Рекомендації щодо захисту: Завжди очищуйте ненадійні дані, введені користувачем, за допомогою надійних бібліотек на кшталт DOMPurify перед вставленням у DOM.

Історичне походження та віхи

2019W3C та WHATWG підписують знакову угоду, яка встановлює WHATWG HTML Living Standard як єдине авторитетне джерело для стандарту HTML.

2014W3C остаточно затверджує рекомендацію HTML5, запроваджуючи вбудовану підтримку відео, аудіо, полотна Canvas та адаптивної семантики.

1993Тім Бернерс-Лі публікує перший офіційний проєкт HTML Internet Draft в CERN.

Основні переваги

Браузери безпосередньо обробляють HTML, тому сторінку можна відкрити без окремої програми для читання документів. Редактори й системи публікації також використовують HTML для структурування вебвмісту.
Безшовна інтеграція з CSS для візуального дизайну та JavaScript для динамічної інтерактивності.
Потоковий рушій компонування: браузери можуть аналізувати, компонувати та відображати HTML поступово в міру надходження байтів мережею.

Технічні обмеження та недоліки

Автономні файли .html не інкапсулюють пов'язані зовнішні зображення, шрифти чи таблиці стилів без пакування в один файл (наприклад, MHTML/Base64).
Відображення може дещо відрізнятися в різних рушіях браузерів (Blink, WebKit, Gecko).
Широка поверхня атаки: неекрановані дані користувачів можуть призвести до вразливостей міжсайтового скриптингу (XSS).

Цікаві технічні факти

Тім Бернерс-Лі винайшов HTML у CERN у 1989 році, щоб допомогти фізикам-ядерникам легко ділитися науковими статтями між комп'ютерами.
У HTML Living Standard немає номерів версій, тобто HTML6 не існує. Стандарт постійно підтримують і оновлюють.
Ви можете натиснути правою кнопкою миші на будь-яку вебсторінку на планеті та вибрати 'Переглянути вихідний код сторінки', щоб побачити її базовий код HTML.

Поширені технічні запитання

Для чого використовується HTML?

HTML використовують для структурування вмісту інтернету й створення вебсторінок із текстом, заголовками, зображеннями, посиланнями, формами та вбудованими мультимедійними елементами.

Чи можу я конвертувати HTML у PDF або Markdown?

Так. File2File.app може візуалізувати та конвертувати будь-який файл HTML у PDF-документ, готовий до друку або легкий текстовий файл Markdown прямо у вашому браузері.

У чому різниця між HTML та HTML5?

HTML5: це сучасний розвиток HTML, який додає вбудовану підтримку відтворення відео й аудіо, інтерактивну графіку Canvas, адаптивність для мобільних пристроїв та чіткі семантичні елементи, як-от <header>, <article> та <footer>.

Пов'язані пари конвертації HTML

JSON до HTML

Перетворення даних JSON у вихідний код HTML перетворює сирі структуровані пари «ключ - значення» на зручні для читання людиною вебдокументи, готові до рендерингу в браузері.

HTML до JSON

Перетворення вихідного коду HTML у дані JSON перетворює зручні для читання вебдокументи на структуровані пари ключ-значення для програмної обробки та передавання до API.

EML до HTML

Конвертація стандартних файлів електронної пошти RFC 822 у мову розмітки гіпертексту перетворює звичайні контейнери повідомлень на вебдокументи, які можна переглядати повсюдно.