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

← Предыдущая правка

ВизуальныйВики-текст

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