Еволюція стандартів веб розмітки в контексті історичного розвитку інформаційних технологій

1.

Еволюція стандартів веб розмітки в
контексті історичного розвитку
інформаційних технологій
П’ясецька Дарина Русланівна

Зміст
Знайомство з HTML та основні концепції
Історія HTML
Роль HTML у створенні веб сторінок
Етапи розвитку: від HTML 2.0 до HTML5
Специфікацій та розширення HTML
HTML5: Нові Можливості
Роль Консорціуму Всесвітньої Павутини (W3C)
Сучасне значення HTML у веб-розробці
Перспективи майбутнього розвитку

3.

Що таке HTML?
HTML (HyperText Markup Language) є стандартною мовою розмітки для створення та
відображення веб-сторінок в браузерах. Вона використовується для визначення
структури та семантики вмісту веб-сторінки за допомогою тегів та їх атрибутів. HTML
дозволяє вставляти текст, зображення, посилання, форми та інші елементи на
сторінку, які потім інтерпретуються та відображаються браузером.

4.

Основні концепції HTML
Теги: HTML використовує теги для визначення різних елементів на сторінці. Наприклад,
<p> вказує на абзац тексту, а <img> - на зображення.
Структура: HTML-документ має стандартну структуру, яка включає елементи, такі як
<html>, <head>, <title>, та <body>, які визначають загальний каркас сторінки.
Семантика: Теги в HTML також надають семантичне значення елементам, що допомагає
пошуковим системам і розробникам зрозуміти структуру та вміст сторінки.
HTML співпрацює з іншими технологіями, такими як CSS (Cascading Style Sheets) для
стилізації та визначення вигляду, а також з JavaScript для додавання динамічної
функціональності до веб-сторінок.

5.

Історія HTML
HTML (HyperText Markup Language) запропонована Тімом Бернерс-Лі в процесі
створення гіпертекстової системи документів у CERN. Основна мета HTML забезпечити простий і ефективний спосіб розмітки для створення і структурування
веб-сторінок. З використанням HTML розробники можуть вставляти текст,
зображення, посилання та інші елементи, формуючи візуальне представлення
інформації.
HTML стала фундаментом для веб-розробки, слугуючи основою для створення вебсайтів. Вона визначає структуру документа, даючи змогу організувати контент у
заголовки, абзаци, списки та багато інших елементів. Теги та атрибути HTML надають
семантичну інформацію, що покращує сприйняття контенту пошуковими системами та
іншими інструментами.

6.

Роль HTML у створенні веб сторінок
HTML визначає структуру і контент веб-сторінок. Використовуючи теги, він вказує, як
розмістити текст, зображення, створити посилання та форми. HTML надає семантичне
значення елементам, що полегшує розуміння контенту для пошукових систем. Також
включає мета-інформацію, яка допомагає налаштовувати заголовки та описи
сторінок. Узгоджується з CSS для стилізації та JavaScript для надання додаткової
функціональності. HTML є ключовим компонентом веб-розробки, визначаючи, як
виглядає та взаємодіє веб-сайт.

7.

Етапи розвитку
HTML був створений Тімом Бернерс-Лі наприкінці 1980-х для проекту "World Wide Web" у ЦЕРНі.
Перша версія HTML (1.0) з'явилася у 1991 році і включала базові елементи, такі як заголовки та
посилання. HTML 2.0 (1995) додав нові елементи, такі як таблиці та форми.
У 1999 році став стандартом HTML 4.01, який вніс поліпшення у стилізації, скриптах і моделі
документа.
Після цього виникло XHTML і HTML5, остання версія випущена у 2014 році, яка додала нові
можливості, такі як аудіо та відео.
З 2019 року HTML розвивається як "HTML Living Standard", постійно оновлюючись, щоб
відповідати потребам сучасної веб-розробки. HTML залишається основою для безлічі веб-сайтів і
додатків.

8.

Специфікацій та розширення HTML
HTML (HyperText Markup Language) є стандартною мовою розмітки для створення веб-сторінок. У
контексті різновидів HTML можна згадати кілька специфікацій і розширень, які були розроблені або
використовуються в різних сценаріях:
XHTML (eXtensible HyperText Markup Language): Суворіший варіант HTML зі схожістю до XML,
розроблений для підвищення сумісності з XML.
HTML5: Остання версія, що включає нові елементи, API та можливості, активно використовується для
сучасних веб-додатків.
HTML Living Standard: Постійно оновлювана версія HTML5, що відображає поточний розвиток мови.
MathML (Mathematical Markup Language): Вбудована мова розмітки для математичних формул.
AMP HTML (Accelerated Mobile Pages HTML): Формат для швидких мобільних веб-сторінок.

9.

HTML5: Нові Можливості
HTML5 - це остання версія мови розмітки для створення веб-сторінок, яка внесла
численні нові можливості та поліпшила функціональність в порівнянні з попередніми
версіями HTML. Деякі з ключових нововведень HTML5 включають:
Аудіо та відео: Дозволяє вбудовувати аудіо та відео без плагінів.
Структурні елементи: Ввела нові теги для полегшення структури сторінок.
Покращення форм: Додала атрибути для зручності роботи з формами.
Локальне сховище: Дозволяє зберігати дані на боці клієнта.
Графічні можливості: Додала нові елементи для роботи з графікою.

10.

Роль Консорціуму Всесвітньої Павутини (W3C)
W3C, або Консорціум Всесвітньої павутини (World Wide Web Consortium), є міжнародною
організацією, що займається стандартизацією та розвитком технологій для Всесвітньої павутини.
Розробляє і визначає стандарти, що стосуються мов розмітки (наприклад, HTML, XML), таблиць
стилів (CSS), мов програмування (наприклад, JavaScript) та інших технологій, що використовуються
для створення й опрацювання веб-контенту.
Однією з цілей W3C є розробка технологій з урахуванням семантики і доступності, щоб вебресурси були зрозумілими для різних пристроїв і користувачів з різними потребами. Вона прагне
створювати стандарти, які будуть широко прийняті та використані по всьому світу. W3C взаємодіє
з веб-спільнотою через відкриті форуми, обговорення та робочі групи, щоб долучити різноманітні
думки та потреби до розробки стандартів.
Організація активно працює над розвитком нових технологій, таких як HTML5, CSS3,
WebAssembly та інших, щоб відповідати сучасним вимогам веб-розробки.

11.

У світі стандартів і розроблення веб-технологій W3C є одним із провідних органів, проте існують інші
організації та групи, які також роблять внесок у цю сферу. Деякі з потенційних конкурентів або
альтернативних організацій включають:
WHATWG (Web Hypertext Application Technology Working Group): Ця група також займається
розробленням і поліпшенням технологій вебу. Вона зосереджена на розвитку HTML і пов'язаних
технологій. WHATWG і W3C взаємодіють, але деякі стандарти, такі як HTML Living Standard,
розробляються спільно.
ECMA International: Організація, що стоїть за стандартизацією мов програмування, включно з JavaScript.
Наприклад, стандарт ECMAScript визначає мову, яку ми знаємо як JavaScript.
IETF (Internet Engineering Task Force): Ця група займається розробкою стандартів для протоколів
інтернету. Вона відіграє важливу роль у визначенні стандартів, таких як HTTP та інших протоколів, що
використовуються для обміну даними в мережі.
Web Platform Incubator Community Group (WICG): Це співтовариство всередині W3C, що фокусується на
розробці експериментальних та інноваційних ідей для веб-платформи.
Усі ці організації працюють на спільних цілях забезпечення сумісності та стандартизації веб-технологій,
але методи їхньої взаємодії та пріоритети можуть відрізнятися.

12.

Сучасне значення HTML у веб-розробці
HTML відкрив нові перспективи для веб-розробників, революціонізуючи підхід до створення вебзастосунків. Впровадження нових тегів і атрибутів спростило структуру сторінок, роблячи їх більш
семантичними. Ключовим аспектом є інтеграція мультимедійних можливостей без необхідності
плагінів, що полегшує вбудовування аудіо та відео.
Апаратне прискорення графіки, зокрема через використання Canvas та WebGL, дозволяє
створювати вражаючі візуальні ефекти та графіку високої якості. HTML також прискорив розвиток
мобільної веб-розробки за рахунок адаптивного дизайну, що гарантує оптимальний вигляд та
функціональність на різних пристроях.
Узагальнюючи, HTML став визначальним для створення інтерактивних, естетично привабливих та
ефективних веб-застосунків, надаючи розробникам інструменти для втілення сучасних вебтехнологій.

13.

Перспективи майбутнього розвитку
HTML має перспективи для майбутнього розвитку в ряді напрямків. Зокрема, важливо відзначити
розширення функціоналу HTML5, що додає нові елементи та атрибути для створення потужних
веб-застосунків. Зміцнення семантики мови розмітки сприятиме покращенню пошукової
оптимізації та доступності веб-ресурсів.
Розширення можливостей для мобільної веб-розробки, включаючи адаптивний дизайн, дозволить
покращити взаємодію з веб-сайтами на різних пристроях. Подальше вдосконалення інструментів
розробки спростить процес створення високоякісних веб-застосунків.
Розвиток веб-стандартів і активне використання штучного інтелекту та Інтернету речей
розширять можливості веб-розробників. Усі ці напрями спрямовані на забезпечення розробників
потужними інструментами для створення інноваційних та ефективних веб-застосунків.

English Русский Правила