Пример сложного кода HTML5 — на страницу внаглую закачиваются градиенты
HTML (HyperText Markup Language) — язык разметки, повсеместно применяемый нынче в Интернете. Вместе с языком описания стилей CSS и скриптовой машинерией JavaScript стал фактически опорой нынешней сети. Именно в формате HTML прогружается большая часть материалов сети (все страницы с какой-либо разметкой, хотя иногда встречаются и материалы в формате plain text, ограниченные только текстовыми материалами). Изначально был разработан как язык разметки научной документации, но вошёл в массовое употребление в Интернете.
Стандарт разрабатывается организацией W3C, преобразовывается в визуальный вид любых интернет-браузером. С распространением Интернета больше всего применялась версия HTML4, в 2014 был формализован стандарт HTML5, ставший ныне наиболее распространенным. Эта версия получила множество новых возможностей: рисование 2D-изображений, сохранение информации в браузере, API для изображений и видео, перетаскивание файлов на страницу. За счет новых технологий стало возможно создание браузерных игр и приложений на основе HTML5, без использования устаревшей небезопасной технологии Flash.
Уже самые первые версии HTML стали революцией за счет возможности использования гипертекста: возможности проставлять ссылки на другие страницы, что обеспечивало высокую связность сети и стало одной из самых известных особенностей Интернета — за счёт гиперссылок стало возможно моментально перейти на нужный материал, что делало массив информации не монолитным.
Первые спецификации HTML весьма сильно зависели от конкретной платформы, так что для нормального отображения сайта требовалось использовать хаки (в частности, отличалось отображение в разных браузерах). Со временем была достигнута довольно неплохая стандартизация, но стало практиковаться создание полностью отдельных версий для обычных ПК и смартфонов из-за сильного различия этих платформ.
Файлы HTML сохраняются с расширением .html или .htm, но подобно www, в большинстве современных сайтов окончание не используется и страница имеет более простой человекочитаемый адрес, который легко запомнить и воспроизвести.
Характерная структура HTML-файла:
- Вначале идет классическое указание на то, что файл это HTML, чтобы без расширения браузер правильно отображал страницу: <!DOCTYPE html> и <html class="client-nojs" lang="ru" dir="ltr">.
- Внутри блока <head> указываются системные данные — название страницы, адрес favicon, кодировка (хотя абсолютно все сейчас применяют UTF-8), подгружаются CSS и JS-файлы (однако бывает и так, что эти файлы включаются в конец страницы). Название страницы является одним из самых важных показателей для поисковой оптимизации.
- В блоке <body> находится непосредственный контент страницы.
Вначале HTML предполагался к использованию сам по себе, и имел значительное количество впоследствии признанных устаревшими тегов разметки, вроде font (который задавал формат конкретного текста). Впоследствии был сделан уклон в большую структурность языка, распространилась блоковая разметка с использованием <div>, разделения на абзацы. Конкретное же оформление, ранее писавшееся непосредственно в тексте, было перенесено в CSS. В современном HTML элементы имеют только идентификаторы и классы, а вся информация о внешнем виде связывается с ними в CSS-файле.
Помимо тегов, также в HTML имеются так называемые мнемоники, позволяющие разместить специальные символы. Они вставляются с использованием кода &мнемоника;. По мере распространения кодировки UTF-8, позволяющей вставлять их без всяких кодов, непосредственно в текст, с использованием кодов стали размещать только неоднозначные символы, способные вызвать проблемы, размещённые без экранирования: &, >, <, ". Очень большую популярность в качестве полноценного мема получила мнемоника (неразрывный пробел), которую усиленно форсил Мицгол, но которая делала тексты слаборедактируемыми.
Хотя HTML и воссиял как главный стандарт Интернета, недостатком является то, что для простого человек написание документов в формате HTML довольно сложно и требует затрат времени, кроме того есть и проблемы с безопасностью (можно подключить скрипты с внешних сайтов). В связи с этим были реализованы некоторые надстройки над HTML, призванные ускорить процесс создания готовых веб-страниц, а для конечного пользователя применяется фильтрация вводимых данных, чтобы предотвратить возможные проблемы с безопасностью:
- Шаблоны — подстановка определенных вводных данных в уже готовые HTML-формы, от человека требуется предоставить только информацию, разметка генерируется автоматически,
- Форумная разметка типа BB-кода, где позволено использовать только некоторые опции языка, не позволяющие взломать сайт и поставить под угрозу пользователей,
- Вики-разметка — упрощенная разметка для быстрого редактирования страниц на технологии вики, преобразует специальную разметку в HTML за счет движка.
Математики и иные ученые применяют также язык разметки TeX, более приспособленный под добавление разного рода формул и сложных конструкций.
Интересные факты[править]
- HTML не может быть нормально обработан с использованием регулярных выражений из-за того, что является контекстно-свободным. Возможна обработка исключительно определённых документов с заранее известной структурой, при этом при отклонении от заданной структуры могут возникнуть ошибки (всегда есть возможность создать HTML-код, который будет неверно обработан произвольным регулярным выражением).
 Великая сеть, которая переменила течения мира
|
| Это интернет, детка | Интернеты • Даркнет • Уведомления в браузере • Веб-скрейпинг • WWW • Просмотр стрима в фоне • Web Archive • Инфоповод • Открытый прокси • Сайт • Браузерка • Бугагашечки • Дейтинг • Заработок • Идентификация пользователей • Имиджборда • Имиджхостинг • Интернет-магазин • Интернет-сервисы • Покровитель интернетов • Каталог сайтов • Ассоциация блогеров и агентств • Олдфаг • Чебурнет • Анкета • Аватар • Изоляция российских сайтов • Видеохостинг • Тильт • Google дурак • Инфобизнесмен • Stalinism.ru • Реестр запрещённых сайтов • Файлообменник • Фотобанк • Хакеры, крекеры, спамы, куки • Закат эпохи анонимуса • Троллинг • Веб 3.0 • Интернет-энциклопедия • Стриминговый сервис • Блокировщики рекламы • Веб-камера • Интернет-знаменитость • Google Chrome • Opera • Mozilla Firefox • Safari • Firefox • Http • HTTPS • Критерий Хомака • Перевод в онлайн • Облачное хранилище • 404 ошибка • Двухфакторная авторизация • Википедия • Электронная почта • Рунет • Твиттер • HTML5 • Moswar.ru • Ru-Center • Cerberx • Бизнес 18+ • ПИОН • Ненависть • Политика предотвращения распространения ватной чумы • Эджлорд • Видео • Панорамное видео 360 • Нейтралитет в информационной войне • Первый поток влогеров рунета • Лысый из Brazzers • Лаги • Николай Дуров • Опараш Дурова • GoodbyeDPI • Автопереводчик • Ктотут.рф • Информация • Маносфера • Бесплатный хостинг • Nginx • Searx • Политическое ФГМ • Теперь мы — это медиа • Userscript • Memoji • Мегасталин • CulturalVibes • Пессимизация ИИ • Хейтвотчинг |
| Общение | BadComedian • Герман Клименко • 3,5 анонимуса • Бокс по переписке • Вирусное видео • Анальная модерация • Anonymous • WebMoney • Butthurt • IRC (/me • /quit • #[email protected]) • Интернет-пейджинг (Miranda • QIP • Скайп • ICQ • Жаббер) • Гостевуха • Цитатник • Чат (Вап-чат) • Вотсап • Пездуза • Телеграм • Псевдоинтернет • Каомодзи • Автоудаление сообщений • IRC-канал • Чат-бот • Копипаста • Плейлист • Взлом телеграма • Final Data (веб-сериал) • Стримы • Скайлинк • Hid24.com • Релиз-группа • Официалка • Чат-рулетка • Нобр • Нетсталкинг • Премия Рунета • Информационный окоп • Военный интернет России • Ненависть к Трампу • Камрады Гоблина-Пучкова • Клиент всегда прав • Топор 18+ • Ботнадзор • Лождь (канал) • Занесение в чёрный список в соцсетях • Зосима • Каптча с пчёлами • Деанон Ромы Карпова • Троллфейсия • Нейтралофаг • FlexAir • Надоела политота • Вечные ссылки • Чёрный пиар • Закрытие сайта в знак протеста против войны вна Украине • УМА • Отключение России от интернета • Coowon |
| Блоггинг | Александр Гагин • Евгений Антипов • Xatab • Фильтр нецензурных выражений • Бейт • Цвет Чака Норриса • Telegram Premium • Скачивание видео с YouTube • Запрет мата в социальных сетях • Объединённая Армия Буллинга • Инкубатор • Блогосфера • Блог (Малоблог • Подкаст) • Премиум-аккаунт • Обмен лайками • Отзовик • Тревел блог • Подписка • Adobe Ming • Киберсквоттеры • Crawc.net • Ice Bucket Challenge • Почта Потупчик • Сетятам о зверятах • Анальный вахтёр • Анонизм • Фейсбук • Спор • Информационная военная база • Фейковые аккаунты • Комментарии • Кремлеботы из Ольгино • Информационно-историческая война • Евреи Ливии • Юзверь • Tgstat • Республика Песчаная Глинка • Ecosia • Угрозы Мэддисону от мусульман • Конфач • Регистрация блогеров в Роскомнадзоре • Opera GX • Freenom • DEXNET • Теория мертвого интернета • Жизнерилс |
| Глобализация | Вычислю по IP • Интернет-дебилы • Раздельный интернет • Синонимайзер • Cackle • Коммунизм в интернете • BB-коды • Влоггер • Запрет анонимных сим в России • WAP • Wiki-проекты • Веб 0.0 • Веб 1.0 • Веб 2.0 • Мобильный интернет • Рунет • Социальная сеть • Скайнет • Пиндонет • Заповеди интернета • Правила интернетов • Ответы • Флешмоб (самые известные) • Замедление сайта • ReCAPTCHA • Интернет-цензура на Западе • Ачивка • Аккаунт-однодневка • Стиль SCP • Тик-ток войны • 9111 • Сыграть в ящик • AVIF • Object Show • Теория мёртвого интернета • Ненависть к Маску • Веб-сериалы • Масштабное отключение от Интернета в России (2025) |
| Типажи | ЧСВ • Killnet • Интернет-феминизм • Роскомсвобода • Эхо-камера • Русские хакеры • Админ • Анонимус • Белый рыцарь • Модератор • Оптимизатор • Предыдущий оратор • Сетевые онанисты • Тролль • Хакер • Ламер • Копирайтер • Цифровой кочевник • Интернет-антиквар • Интернет-вор • Алиса • Мамкин циник-мизантроп • Ассоциация Босоногих • Google Dorks • NAFO • Ladybird • Пчелиная капча • Псевдопрозрачные картинки • Елена Трусова • Флеш-игры • Информационно-художественная война • Новостная война • Критика • Юрий Бошников • Нарушение авторского права • Павел Дуров разбил телефон • Трупоедство |
| Термины | VPN • Прокси-сервер (SOCKS-прокси) • Управление репутацией • 404 • ADSL • Bitcoin • DDoS • FAQ • GPON • I2P • IPv6 • localhost • MediaGet • NO CARRIER • SEO • Tor • TOS • Via • Wi-Fi • Аккаунт • Бан • Бот • Ботнет • Виртуал • Вордфильтр • Голосование ногами • Диалап • Домашняя страница • Дорвей • Инвайт • Кликбейт • Коммент • Комьюнити • Кик • Кириллические домены • Лесенка • Линк • Лог • Локалка • Мем • Ник • Офлайн • Оффтопик • Письма счастья • Поисковая бомба • Пост (Некропост) • Премодерация • Пруфлинк • Рерайтинг • Сабж • Симпафка • Синдром вахтёра • Скриншот • Смайл • Спам • Спойлер • Трафик • Тред • Троян • Флуд • Форум • Хотлинкинг • Это ваше • Юзерпик • Анонимность • Шок-сайты • Пинг • ИКС • User-Agent • Браузер • Whois • URL • Десинк • Разметка реддита • 🤡 • Цифровая некромантия • Заднеприводная каптча • Эффект Астольфо • Квантовый интернет • Информационный вирус • Онлайн • Лайк • Сторис • Хештег • Punycode • Частный сайт • Поддерживать • Интернет-проект • Форк |
| Поставщики | Блокировки TOR в России • Цепочка прокси • Учёт интернет-рекламы в России • Proxifier • Поисковые запросы • Советский интернет • Веб-мастер • Интернет шоу-бизнес • Локальная сеть в масштабах страны • Визуальный троллинг • Акадо • ВолгаТелеком • Дом.ру • Искра • Макхост • Ситилайн • Стрим • Wiby • ЮТК • Яндекс • Павел Дуров • EMPRESS • AlanWake • IP-адрес (Статический IP-адрес • Динамический IP-адрес) • Обход блокировки • Starlink • Российский интернет-форум • Ларри Пейдж • Сергей Брин • JavaScript • PHP • Opera VPN • HTML • CSS • Вилле Хакомяки • MariaDB • Изменение TTL сетевых пакетов • Торрент (ΜTorrent • Magnet-ссылка) • Archive Team • Архив Анны • Аркадий Волож • Спам-лист • Стрим • T2 • Namecheap • Ростелеком • Безопасная юрисдикция • Сэми Камкар • AGPL • Стример • Сервер • DigitalOcean • Тян не нужны • Вася Пупкин • Newgrounds • Говносфера • ИИ-цензура • Яндекс Плюс • Нижний интернет как филиал Ада • Какашка (эмодзи) |
| Мемы | Нюдсочетверг • Отпечаток браузера • Троллинг тупостью • Special Olympics • В Интернете кто-то неправ • Юзер • CMS • .tk • Лахта • Чел из инета • .onion • Skotobaza.org • Вселенная Самосбора • Торрент-трекер • Тупичок Гоблина • Аська-однодневка • Мясо, матюки, убийства и голые сиськи • Генерация интернет-контента • Вебкам-студия • Цифровой петух • Вархаммер против пони • Tilt (Google) • Проход в хохлы • Шитпостинг • Дизлайк • Ньюфаг • Новорег • Закреп • Аноним хуже содомита • Сетепетух • Вейшнория • Рина Паленкова • Закулисье • Инландия • Бурление говн • Капча • Ochko123 • А мы смеемся и просим ещё • Онлайн-петиция • SCP-166 Суккуб-подросток • Животные за компьютером • Карма (интернет-сайты) • Бомбит пукан • Баннеры • Антиспам • Prizrak Night-Forest • Идиотека • Бесконечный эпизод Губки Боба • Стикеры • Мария Ильина • Basedge • Тесты • Свободолюбие Павла Дурова • Какой-то не такой текстинг • Екатерина Мизулина • Метаирония • Генератор имён • Копротивление • Слова-маркеры идиота • Копирование текстов онлайн • Новый логотип Твиттера • Джулиан Ассанж • Всё, что попало в интернет, остаётся там навсегда • Церковь Самсоноверы • The Internet is for something wrong • Multer.ru • Отрывок • Кремниевая пирамида • Nostalgy.net.ru • Изменение голоса • Прогрев • Переобувка • Галактика знакомств • Клоноводство • Интернет-выборы • Конфликт Дмитрия Пучкова и Сергея Иванова • Хейтеры • SCP-1461 Червь • Спидран бана • Дед ногтей насыпал |
| Проблемы и зло | Возрастное ограничение • Цензура в Telegram • Платный поиск в Интернете • Тебя в гугле забанили • Автозамена на прокси • Битва за Le Cosy Montparnasse • Спамбот • Алгоритм Немезида • Ревью-бомбинг • Троллинг верификации в Твиттере • Реклама в Телеграме • Интернет-луддиты • Кукловод • Туалетный профиль • Баяновая революция • Захват сервера • Слив файлов Яндекса в январе • Копирование и вставка текста на сайтах с запретом • Замена слов • Отключение интернета • Цензура в социальных сетях • Авторские права • Скрытый бан • Утечка данных • Шокирующее видео • Симп • Роскомнадзор (Роскомнадзор-тян) • Срач • Хайп • Цифровизация • Цифровой след • Интернет-цензура • Идентификация пользователей Wi-Fi • Чёрный список • Аккаунт угнали • Фейк • Забастовка на реддите из-за платного API • AutoModerator • Обида на клоуна • Стена текста • Дисконнект • Взлом электронной почты • Фактчек • Интернет-рак • Аттеншен вхоре • Добровольно-принудительная регистрация • Изгнание Дурова • Блокировка сайтов по беспределу • М125 • Виртуальные инстаграмщицы • Поломка зоны .ru в январе 2024 года • Глобальный сбой интернета • Наказание за скачивание пиратского контента • Протоколирование • Brain rot • Нарастание интернет-цензуры в РФ • Интернет-зависимость • Закон Годвина • Сетевой сумасшедший • Роскомнадзор обделался против Твиттера • Ротшильды не общаются в интернетах • Murka Sensei • Зависимость 18+ • Блокировки электронной почты в РФ • Мурка сенсей • Атака Роскомнадзора на YouTube в ноябре 2020 • Робот-стукач • Виртуальная жизнь • Опараш Mozilla Firefox • Яндекс.Музыка • Партнерка Яндекс Браузера • Гномы воруют |
