Вопрос 43

HTML (HyperText Markup Language) – это язык разметки, который лежит в основе большинства веб-страниц. Его цель – структурировать контент, задавать отношения между элементами и обеспечивать возможность отображения данных в браузерах. История HTML началась в конце 1980-х годов, и за несколько десятилетий он прошел путь от простого набора тегов до мощного инструмента для создания современных веб-приложений.

Начало: Предпосылки создания HTML

В конце 1980-х годов ученый Тим Бернерс-Ли, работая в CERN, столкнулся с проблемой обмена информацией между исследователями. На тот момент существовало множество изолированных систем управления данными, что усложняло доступ к информации. Тим предложил создать систему, которая объединяла бы документы и предоставляла возможность перехода между ними по гиперссылкам.

Ключевые компоненты этой системы:

URL (Uniform Resource Locator) – адрес ресурса.

HTTP (HyperText Transfer Protocol) – протокол передачи данных.

HTML – язык разметки для представления документа.

В 1991 году Бернерс-Ли опубликовал первую спецификацию HTML, которая содержала всего 18 элементов. Основной упор делался на текстовую информацию, гиперссылки и простейшее форматирование.

Введение атрибутов для работы с мультимедиа.

Разделение стандартов на три типа: Strict, Transitional и Frameset.

Переход к XHTML

В начале 2000-х годов появилась идея стандартизации веб-разметки на основе XML. Это привело к созданию XHTML (eXtensible HTML), где строго соблюдался синтаксис. Несмотря на усилия W3C, XHTML не получил массового распространения из-за сложности перехода и высокой требовательности к точности разметки.

HTML5: Новый виток развития (2014)

HTML5 стал результатом переосмысления подходов к веб-разработке. Работы над спецификацией начались в 2008 году, а финальная версия была опубликована в 2014 году. Основная идея HTML5 – сделать веб мощной платформой для приложений.

Особенности:

Семантические теги: <header>, <footer>, <article>, <section>, которые упрощают структуру страницы.

Встроенная поддержка мультимедиа: <audio> и <video>.

Web API: возможности для работы с геолокацией, офлайн-хранилищами, графикой через <canvas>.

Упрощенный синтаксис: отсутствие необходимости закрывать одиночные теги, такие как <img>.

HTML5 сыграл ключевую роль в развитии современных веб-приложений, сделав их более интерактивными и удобными.

Роль HTML в современном вебе

HTML продолжает эволюционировать, сохраняя совместимость с предыдущими версиями. Благодаря усилиям сообществ W3C и WHATWG, язык стал основой для технологий, таких как:

PWA (Progressive Web Apps) – прогрессивные веб-приложения.

Web Components – переиспользуемые элементы интерфейса.

Server-Side Rendering (SSR) и Static Site Generation (SSG) – подходы к созданию динамических сайтов.

HTML остается простым в освоении и мощным инструментом для разработчиков, способным адаптироваться под потребности времени.

Вопрос 44

HTML—форма – это специальный модуль, предназначенный для ввода и последующей отправки на обработку каких—то данных, к примеру, логина и пароля, информации о пользователе, сообщения и т.д. Чаще всего используются следующие виды форм – регистрация, авторизация, отправка сообщения, отправка комментария, отправка письма на почту, анкета.

Вставка формы осуществляется напрямую в HTML—код страницы. Главный элемент формы называется <form>. Уже внутрь него добавляются все остальные элементы – текстовые поля, «чекбоксы», переключатели и т.д. У элемента <form> имеется несколько атрибутов, один из которых является обязательным. Он называется action. В action указывается, где именно будет приниматься и обрабатываться информация, переданная посредством формы. Как правило, обработка происходит в стороннем PHP—файле. Пример использования атрибута– action=»obrabotchik.php«. Атрибут method позволяет задать метод передачи информации. По умолчанию (если не прописывать атрибут) будет указан метод GET. В данном случае информация передается напрямую через URL—адрес. Для каждого элемента формы будет создана пара следующего вида – «имя элемента = значение, которое в нем лежит». Все эти пары, разделенные знаком «амперсанд» будут перечислены в адресной строке. Если прописать method=»POST» (регистр не важен), то данные будут передаваться не через URL, а через тело запроса (в скрытом режиме). В большинстве случаев используют именно POST. Пример создания формы:

Атрибуты HTML-формы

1.Атрибут name — позволяет присвоить форме уникальное имя. Это нужно в том случае, если на одной странице размещено несколько форм.

2.Атрибут enctype — позволяет задать способ кодирования информации из формы. Обычно его заполняют только тогда, когда при помощи формы происходит пересылка файлов. Вообще, здесь может быть три варианта — enctype= application/x—www—form—urlencoded | multipart/form—data | text/plain. Первый вариант application/x—www—form—urlencoded говорит о том, что происходит пересылка закодированного текста. Третий вариант text/plain используют для пересылки текста в формате «как есть». Второй вариант multipart/form—data используют для файлов.

3.Атрибут формы autocomplete позволяет включить так называемое автозаполнение полей.