HTML: различия между версиями

Текущая версия от 12:40, 15 апреля 2024

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-код, который будет неверно обработан произвольным регулярным выражением).

@@ Строка 1: / Строка 1: @@
-[[Файл:Html5.png|мини|'''<big>HTML5</big>'''[[Расширение файла|Расширение]]    <code>.html</code>Опубликован   [[1993 год|1993]]]]
+'''HTML''' (HyperText Markup Language) — язык разметки, повсеместно применяемый нынче в [[Интернет]]е. Вместе с языком описания стилей [[CSS]] и скриптовой машинерией [[JavaScript]] стал фактически опорой нынешней сети. Именно в формате HTML прогружается большая часть материалов сети (все страницы с какой-либо разметкой, хотя иногда встречаются и материалы в формате plain text, ограниченные только текстовыми материалами). Изначально был разработан как язык разметки научной документации, но вошёл в массовое употребление в Интернете.
-'''HTML''' (HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык гипертекстовой разметки документов для просмотра [[Веб-страница|веб-страниц]] в [[Браузер|браузере]]. Веб-браузеры получают HTML документ от сервера по протоколам [[HTTP]]/[[HTTPS]] или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране [[Монитор|монитора]].
-Элементы HTML — теги, при помощи которых строятся блоки веб-страниц. HTML позволяет, используя разные теги и конструкции, встраивать изображения, формы, видео, текст и другие объекты в страницу. В HTML есть средства для создания заголовков, ссылок, таблиц, цитат, списков и других элементов. Теги выделяется при помощи угловых скобок <code><</code> и <code>></code>. Имеются как одинарные теги, так и двойные, например: <code><img /></code> — одинарный, <code><a> ... </a>.</code> — двойной. Некоторые можно использовать двумя способами.
+== История ==
+Стандарт разрабатывается организацией W3C, преобразовывается в визуальный вид любых интернет-браузером. С распространением Интернета больше всего применялась версия HTML4, в 2014 был формализован стандарт HTML5, ставший ныне наиболее распространенным. Эта версия получила множество новых возможностей: рисование 2D-изображений, сохранение информации в браузере, API для изображений и видео, перетаскивание файлов на страницу. За счет новых технологий стало возможно создание браузерных игр и приложений на основе HTML5, без использования устаревшей небезопасной технологии Flash.
+Уже самые первые версии HTML стали революцией за счет возможности использования гипертекста: возможности проставлять ссылки на другие страницы, что обеспечивало высокую связность сети и стало одной из самых известных особенностей Интернета — за счёт гиперссылок стало возможно моментально перейти на нужный материал, что делало массив информации не монолитным.
-В HTML можно встраивать программный код на [[Язык Программирования|языке программирования]] [[JavaScript]], для управления поведением и содержанием веб-страниц. Также включение [[CSS]] в HTML позволяет задавать внешний вид и макет страницы.
+Первые спецификации HTML весьма сильно зависели от конкретной платформы, так что для нормального отображения сайта требовалось использовать хаки (в частности, отличалось отображение в разных браузерах). Со временем была достигнута довольно неплохая стандартизация, но стало практиковаться создание полностью отдельных версий для обычных ПК и смартфонов из-за сильного различия этих платформ.
-== Общее представление ==
+Файлы HTML сохраняются с расширением .html или .htm, но подобно [[www]], в большинстве современных сайтов окончание не используется и страница имеет более простой человекочитаемый адрес, который легко запомнить и воспроизвести.
-Язык [[Гипертекст|гипертекстовой]] разметки HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в [[1986 год|1986]]—[[1991 год|1991]] годах в стенах [[ЦЕРН|ЦЕРНа]] в [[Женева|Женеве]] в [[Швейцария|Швейцарии]]. HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки.
-== Версии ==
+Характерная структура HTML-файла:
+* Вначале идет классическое указание на то, что файл это HTML, чтобы без расширения браузер правильно отображал страницу: <nowiki><!DOCTYPE html></nowiki> и <nowiki><html class="client-nojs" lang="ru" dir="ltr"></nowiki>.
+* Внутри блока <head> указываются системные данные — название страницы, адрес favicon, кодировка (хотя абсолютно все сейчас применяют UTF-8), подгружаются CSS и JS-файлы (однако бывает и так, что эти файлы включаются в конец страницы). Название страницы является одним из самых важных показателей для поисковой оптимизации.
+* В блоке <body> находится непосредственный контент страницы.
-* HTML 2.0 — опубликован [[IETF]] как [[RFC 1866]] в статусе ''Proposed Standard'' ([[24 ноября]] [[1995 год|1995 года]]);
+Вначале HTML предполагался к использованию сам по себе, и имел значительное количество впоследствии признанных устаревшими тегов разметки, вроде font (который задавал формат конкретного текста). Впоследствии был сделан уклон в большую структурность языка, распространилась блоковая разметка с использованием <nowiki><div></nowiki>, разделения на абзацы. Конкретное же оформление, ранее писавшееся непосредственно в тексте, было перенесено в CSS. В современном HTML элементы имеют только идентификаторы и классы, а вся информация о внешнем виде связывается с ними в CSS-файле.
-* HTML 3.0 — [[28 марта]] [[1995 год|1995 года]] — IETF Internet Draft (до [[28 сентября]] [[1995 год|1995 года]]);
-* HTML 3.2 — [[14 января]] [[1997 год|1997 года]];
-* HTML 4.0 — [[18 декабря]] [[1997 год|1997 года]];
-* HTML 4.01 — [[24 декабря]] [[1999 года]];
-* ISO/IEC 15445:2000 (так называемый ISO HTML, основан на HTML 4.01 Strict) — [[15 мая]] [[2000 год|2000 года]];
-* HTML5 — [[28 октября]] [[2014 год|2014 года]];
-* HTML 5.1 начал разрабатываться [[17 декабря]] [[2012 год|2012 года]]. Рекомендован к применению с [[1 ноября]] [[2016 год|2016 года]].
-* HTML 5.2 был представлен [[14 декабря]] [[2017 год|2017 года]].
-* HTML 5.3 был представлен [[24 декабря]] [[2018 год|2018 года]].
-== Пример кода на HTML ==
+Помимо тегов, также в HTML имеются так называемые мнемоники, позволяющие разместить специальные символы. Они вставляются с использованием кода <nowiki>&мнемоника;</nowiki>. По мере распространения кодировки UTF-8, позволяющей вставлять их без всяких кодов, непосредственно в текст, с использованием кодов стали размещать только неоднозначные символы, способные вызвать проблемы, размещённые без экранирования: <nowiki>&, >, <, "</nowiki>. Очень большую популярность в качестве полноценного [[мем]]а получила мнемоника <nowiki>&nbsp;</nowiki> (неразрывный пробел), которую усиленно форсил [[Мицгол]], но которая делала тексты слаборедактируемыми.
-<syntaxhighlight lang="html">
-<!DOCTYPE html>
+== Надстройки ==
-<html lang="ru">
+Хотя HTML и воссиял как главный стандарт Интернета, недостатком является то, что для простого [[человек]] написание документов в формате HTML довольно сложно и требует затрат времени, кроме того есть и проблемы с безопасностью (можно подключить скрипты с внешних сайтов). В связи с этим были реализованы некоторые надстройки над HTML, призванные ускорить процесс создания готовых веб-страниц, а для конечного пользователя применяется фильтрация вводимых данных, чтобы предотвратить возможные проблемы с безопасностью:
-   <head>
+* Шаблоны — подстановка определенных вводных данных в уже готовые HTML-формы, от человека требуется предоставить только информацию, разметка генерируется автоматически,
-      <meta charset="UTF-8">
+* Форумная разметка типа BB-кода, где позволено использовать только некоторые опции языка, не позволяющие взломать сайт и поставить под угрозу пользователей,
-      <title>Документ</title>
+* Вики-разметка — упрощенная разметка для быстрого редактирования страниц на технологии [[вики]], преобразует специальную разметку в HTML за счет движка.
-   </head>
-   <body>
+Математики и иные ученые применяют также язык разметки TeX, более приспособленный под добавление разного рода формул и сложных конструкций.
-      <p>
-         <b>Служу Советскому Союзу!</b>
+== Интересные факты ==
-      </p>
+* HTML не может быть нормально обработан с использованием регулярных выражений из-за того, что является контекстно-свободным. Возможна обработка исключительно определённых документов с заранее известной структурой, при этом при отклонении от заданной структуры могут возникнуть ошибки (всегда есть возможность создать HTML-код, который будет неверно обработан произвольным регулярным выражением).
-   </body>
-</html>
+[[Категория:Интернет]]
-</syntaxhighlight>выдаст подобный результат:<blockquote>'''Служу Советскому Союзу!'''</blockquote>