HTML: відмінності між версіями
| [неперевірена версія] | [перевірена версія] |
Вилучено вміст Додано вміст
Замінено вміст на « {{HTML}} на мові сценаріїв вигляд і компонування вмісту. World Wide Web r...» Мітки: Замінено Скасовано Візуальний редактор Редагування з мобільного пристрою Редагування через мобільну версію |
Ilya (обговорення | внесок) м Відкинуто редагування 2804:D55:524C:7100:9907:42B:82A9:9B9F (обговорення) до зробленого Леонід Олійник Мітка: Відкіт |
||
Рядок 1:
{{Infobox file format
| name =
| icon =
| screenshot = <br>
[[Файл:HTML5-logo.svg|128px]]
<br>
| extension = .html .htm
| mime = text/html
| type code = TEXT
| uniform type = public.html
| owner = [[W3C]] & [[WHATWG]]
| genre = [[Мова розмітки даних]]
| container for =
| contained by =
| extended from = [[Standard Generalized Markup Language|SGML]]
| extended to = [[XHTML]]
| standard = [https://www.w3.org/TR/html52/ W3C HTML 5.2]<br>[https://html.spec.whatwg.org/multipage/ WHATWG HTML Living Standard]
|Latest release=[[5.2]] / 5.3 (робочий проект) [3]
(14 грудня 2017 ; 16 місяців тому )}}
{{HTML}}
'''HTML''' ({{lang-en|HyperText Markup Language}} — мова розмітки гіпертексту) — це мова тегів, засобами якої здійснюється розмічання вебсторінок для мережі Інтернет. [[Браузер|Браузери]] отримують HTML-документи з [[Вебсервер|вебсервера]] або з локальної пам'яті й передають документи в мультимедійні вебсторінки. HTML описує структуру вебсторінки [[Семантична мережа|семантично]] і спочатку включені сигнали для зовнішнього вигляду документа.
[[Елементи HTML]] є будівельними блоками сторінок HTML. За допомогою конструкцій HTML, зображення та інші об'єкти, такі як [[інтерактивні форми]], можуть бути вбудовані у візуалізовану сторінку. HTML надає засоби для створення [[Структурований документ|структурованих документів]], позначаючи структурну [[Семантика мов програмування|семантику]] тексту, наприклад заголовки, абзаци, списки, [[Посилання (програмування)|посилання]], цитати та інші елементи. Елементи HTML окреслені ''тегами'', написаними з використанням кутових дужок. Теги, такі як і безпосередньо вводять вміст на сторінку. Інші теги, такі як{{code|lang=html|code=<img />}} {{code|lang=html|<input />}} {{code|lang=html|code=<p>}}оточують і надають інформацію про текст документа і можуть включати інші теги як піделементи. Браузери не показують теги HTML, але використовують їх для інтерпретації вмісту сторінки.
HTML може вбудовувати програми, написані на [[Скриптова мова|мові сценаріїв]], наприклад [[JavaScript]], що впливає на поведінку та вміст вебсторінок. Включення CSS визначає вигляд і компонування вмісту. [[W3C|World Wide Web Consortium]] (W3C), який супроводжує стандарти HTML та CSS, заохочує використання CSS над явним презентаційним HTML з 1997 року.<ref name="w3">{{Cite web|url=http://www.w3.org/standards/webdesign/htmlcss|title=HTML & CSS - W3C|website=www.w3.org|language=en|accessdate=2017-11-22}}</ref>
HTML впроваджує засоби для:<ref name="w3"/>
* створення структурованого документа шляхом позначення структурного складу тексту: заголовки, абзаци, списки, таблиці, цитати та інше;
* отримання інформації із Всесвітньої мережі через [[гіперпосилання]];
* створення інтерактивних форм;
* включення зображень, звуку, відео, та інших об'єктів до тексту.
== Історія розвитку HTML ==
1980 року фізик [[Тім Бернерс-Лі]], який на той час був співробітником [[CERN]], запропонував і прототипував систему [[ENQUIRE|INQUIRE]], яка мала полегшити сумісне користування документами для дослідників CERN.
1989 року Бернерс-Лі запропонував впровадити на базі [[Internet]] гіпертекстову систему документів.<ref>Tim Berners-Lee, [http://www.w3.org/History/1989/proposal.html «Information Management: A Proposal.»] CERN (March 1989, May 1990).</ref>
Вже наприкінці 1990 року він розробив HTML і написав [[браузер]] та серверне [[програмне забезпечення]] для запропонованої системи. У цьому ж році Тім Бернерс-Лі та [[Роберт Кайо]], інженер інформаційних систем CERN, подали спільну заявку на фінансування проєкту, проте цей проєкт не був офіційно прийнятий CERN.
Наприкінці 1991 року Тім Бернерс-Лі опублікував в Інтернеті перший загальнодоступний опис мови розмітки HTML, відомий як документ «HTML-теги» (HTML Tags).<ref>{{cite web|url=http://lists.w3.org/Archives/Public/www-talk/1991SepOct/0003.html|title=First mention of HTML Tags on the www-talk mailing list|publisher=World Wide Web Consortium|date=1991-10-29|accessdate=2009-11-19|archiveurl=https://www.webcitation.org/6GYgsW0Uz?url=http://lists.w3.org/Archives/Public/www-talk/1991SepOct/0003.html|archivedate=2013-05-12|deadurl=no}}</ref> В ньому були описані 20 елементів первісної, відносно простої схеми розмітки HTML. За винятком [[тег]]у гіперпосилання, який був жорстко підпорядкований внутрішньому [[SGML]]-формату документації CERN. Тринадцять із тих елементів ще й досі існують у HTML4.<ref name="html4spec">{{cite web|url=http://www.w3.org/TR/1999/REC-html401-19991224/index/elements|title=Index of elements in HTML 4|publisher=World Wide Web Consortium|date=1999-12-24|accessdate=2009-11-19|archiveurl=https://www.webcitation.org/6GYgt0Hra?url=http://www.w3.org/TR/1999/REC-html401-19991224/index/elements|archivedate=2013-05-12|deadurl=no}}</ref>
Бернерс-Лі розглядав HTML як похідну мову від SGML, і в середині [[1990-ті|1993]] року [[IETF|Спеціальна Комісія Інтернет-розробок]] (IETF) офіційно визначила її такою, опублікувавши першу специфікацію HTML: [http://www.w3.org/MarkUp/draft-ietf-iiir-html-01.txt «Hypertext Markup Language (HTML)» Internet-проєкт], авторами якої були Тім Бернерс-Лі та [[Ден Конолі]]. Ця специфікація вже містила [[Document Type Definition|визначення типу документа]], яке чітко зазначало граматику HTML.<ref>{{cite web|url=http://lists.w3.org/Archives/Public/www-talk/1991NovDec/0020.html|title=Re: SGML/HTML docs, X Browser (archived www-talk mailing list post)|author=Tim Berners-Lee|date=1991-12-09|accessdate=2009-11-19|quote=SGML is very general. HTML is a specific application of the SGML basic syntax applied to hypertext documents with simple structure.|archiveurl=https://www.webcitation.org/6GYgtUjNy?url=http://lists.w3.org/Archives/Public/www-talk/1991NovDec/0020.html|archivedate=2013-05-12|deadurl=no}}</ref>
Проєкт втратив силу через 6 місяців, проте був відомий за офіційне визнання в ньому створеного для браузера [[NCSA Mosaic]] тегу додавання зображень, не розділяючи філософію IETF щодо заснування стандартів на успішних прототипах.<ref name="raymond">{{cite book|url=http://www.faqs.org/docs/artu/|chapterurl=http://www.faqs.org/docs/artu/ietf_process.html|title=The Art of Unix Programming|last=Raymond|first=Eric|chapter=IETF and the RFC Standards Process|accessdate=2009-11-21|archiveurl=https://web.archive.org/web/20050317014053/http://www.faqs.org/docs/artu/|archivedate=2005-03-17|deadurl=yes}}</ref> Так само пізніше в [[1990-ті|1993]] році в конкуруючому Інтернет-проєкті [[Дейв Раджетт|Дейва Раджетта]] «HTML+ (Hypertext Markup Format)», було запропоновано стандартизувати вже запроваджені браузерами сенсаційні на той час можливості, такі як таблиці та перші інтерактивні форми.
На початку 1994 року, після того, як проєкти «HTML» і «HTML+» втратили свою силу, IETF створив Робочу групу HTML (HTML Working Group). 1995 року Робоча група HTML завершила роботу над документом «HTML 2.0» (опублікований як [[RFC]] із номером 1866), першою специфікацією, що мала бути використана як базовий стандарт для подальших вдосконалень HTML.<ref name="raymond"/> Версія 2.0 окреслювала чіткі відмінності між новим виданням специфікації та попередніми проєктами.
Подальші розробки під заступництвом [[IETF]] зіштовхнулися з конкуруючими інтересами. З [[1990-ті|1996]] року специфікації HTML затверджувались [[W3C|Консорціумом W3C]], враховуючи доповнення до розмітки, що впроваджувалися компаніями-розробниками браузерів. Тим не менш, у [[2000-ні|2000]] році HTML стала міжнародним стандартом ([[International Organization for Standardization|ISO]]/[[Міжнародна електротехнічна комісія|IEC]] 15445:2000).
Остання специфікація HTML, опублікована W3C наприкінці [[1990-ті|1999]] року, має назву «HTML 4.01 Recommendation». Усі спірні питання та помилки цієї специфікації були офіційно визнані у списку друкарських помилок, опублікованому в [[2000-ні|2001]] році.
=== Версії ===
[[Бернерс-Лі Тім|Тім Бернерс-Лі]] представив HTML в дослідницькому центрі [[CERN]] в [[Женева|Женеві]] 1989 року.<ref>[http://www.w3.org/History/1989/proposal.html ''Information Management: A Proposal'', Tim Berners-Lee, 1989]</ref>
* '''HTML''' (без номера версії, 3 листопада 1992): найперша версія, орієнтована лише на текст.<ref>[http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/MarkUp.html ''HTML'', Urversion]</ref>
* '''HTML''' (без номера версії, 30 квітня 1993): до тексту додано атрибути, які визначають курсивне або жирне написання літер, та зображення.
* '''HTML+''' (листопад 1993): заплановані доповнення, які потрапили до наступних версій, але ніколи не були відокремлені як HTML+.<ref>[http://www.w3.org/MarkUp/htmlplus_paper/htmlplus.html ''A Review of the HTML+ Document Format'', David Raggett]</ref>
* '''HTML 2.0''' (листопад 1995): визначена стандартом RFC 1866 версія з підтримкою форм. Статус цього стандарту вже «історичний», також визнані застарілими попередні версії.
* '''HTML 3.0''': версія, яка не зазнала поширення, оскільки разом із випуском браузера [[Netscape Navigator]] версії 3, цей стандарт вже був застарілим.
* '''HTML 3.2''' (14 січня 1997): були додані численні можливості, такі як таблиці, обтікання текстом зображень, інтеграція [[аплет]]ів.
* '''HTML 4.0''' (18 грудня 1997): були додані [[CSS|таблиці стилів]], скрипти та фрейми. Також відбулось розділення на ''Strict'' (суворе дотримання стандартів), ''Frameset'' (з підтримкою фреймів), ''Transitional'' (перехідний). 24 квітня 1998 було випущено виправлену версію цього стандарту.
* '''HTML 4.01''' (24 грудня 1999): заміна версії HTML 4.0, містить численні дрібні виправлення.
* '''[[HTML 5]]''' (Working Draft, 5 квітня 2008):<ref>[http://www.w3.org/html/wg/html5/ ''HTML 5, W3C Working Draft'']</ref> HTML 5 має новий словник, побудований на основі HTML 4.01 та XHTML 1.0. Також перероблена і розширена пов'язана з HTML специфікація DOM.
* '''[[XHTML]] 1.0''' (26 січня 2000): висловлення стандарту HTML 4.01 засобами [[XML]]. [[1 серпня]] 2002 було випущено оновлену редакцію стандарту.
* '''XHTML 1.1''' (31 травня 2001): після того, як XHTML буде розділено на модулі, стандарт XHTML 1.1 визначатиме сувору версію, в якій не буде запроваджених HTML 4 можливостей ''Frameset'' та ''Transitional''.
* '''XHTML 2.0''' (розробка припинена в 2010 році): ця версія вже не базується на HTML 4.01 і додає деякі нові теги. Буде завершено розділення між представленням та вмістом.
== Документ HTML ==
Для поліпшення взаємодії [[SGML]] вимагає аби кожна похідна мова (HTML у тому числі) визначала свою [[кодування символів|кодову таблицю]] для кожного документа, яка складається з ''репертуару'' (перелік різноманітних символів) та ''позиції символу'' (перелік цифрових посилань на символи з репертуару). Кожен документ HTML — це послідовність символів із репертуару.
HTML використовує найповнішу кодову таблицю [[Універсальний кодований набір символів|UCS]] ({{lang-en|Universal Character Set}} — Універсальний Набір Символів).
Проте однієї кодової таблиці недостатньо для того, щоб браузери могли правильно відтворювати документи HTML. Для цього браузерам потрібно «знати» специфічну кодову таблицю документа, яку автор має зазначати завжди в елементі <code>meta</code> із параметром <code>charset</code>. За замовчуванням використовується кодова таблиця ISO-8859-1, відома також як Latin-1.
=== Розмітка ===
Розмітка в HTML складається з чотирьох основних компонентів: елементів (та їхніх атрибутів), базових типів даних, символьних мнемонік та декларації типу документа.
==== Загальна структура ====
Документ HTML 5.2 складається з трьох частин:
# '''Декларація типу документа''' ({{lang-en|Document type declaration}}, Doctype), на початку документа, в якій визначається тип документа ([[Document Type Definition|DTD]]).
# '''Шапка документа''' (знаходиться в межах елемента <code>head</code>), в якій записано загальні технічні відомості або додаткова інформація про документ, яка не відтворюється безпосередньо в [[браузер]]і;
# '''Тіло документа''' (може знаходитися в елементі <code>body</code>), в якому міститься основна інформація документа.
Нижче наведено приклад загальної структури HTML-документа:
<syntaxhighlight lang="html4strict">
<! DOCTYPE html>
<html>
<head>
<title>Назва</title>
</head>
<body>
<p> Hello world!</p>
</body>
</html></syntaxhighlight>
==== Елементи ====
{{Main|Елементи HTML}}
Елементи являють собою базові компоненти розмітки HTML. Кожен елемент має дві основні властивості: атрибути та зміст (контент). Існують певні настанови щодо кожного атрибута та контенту елемента, які треба виконувати задля того, щоб HTML-документ був визнаний [[HTML#Валідація|валідним]].
У елемента є початковий тег, який має вигляд <code><element-name></code>, та кінцевий тег, який має вигляд <code></element-name></code>. Атрибути елемента записуються в початковому тегу одразу після назви елемента, контент елемента записується між його двома тегами.
Наприклад: <code><element-name element-attribute="attribute-value">контент елемента</element-name></code>.
Деякі елементи, наприклад <code>br</code>, не містять контенту, тож і не мають кінцевого тегу. Елемент може не мати початкового та кінцевого тегу (наприклад, елемент <code>head</code>), проте він завжди буде представлений в документі.<ref name="html4spec"/>
Нижче зазначені деякі типи елементів розмітки HTML.
'''Елементи структурної розмітки''' застосовуються задля опису семантики тексту, іншими словами ці елементи описують призначення тексту свого контенту. Вони не зазначають ніякого спеціального (візуального) відтворення тексту, проте більшість браузерів мають стандартні стилі форматування для кожного елемента. Для подальшого стилізування тексту рекомендується використовувати [[CSS|Каскадні таблиці стилів]] (CSS). Наприклад:
{| class="wikitable" border="1"
|-
! Фрагмент HTML-розмітки документа
! Відтворення в браузері
|-
| <syntaxhighlight lang="html4strict"><h1>Давньогрецькі боги</h1>
<p>
<strong>Посейдон</strong> — володар світових вод,
Океану, в латинян йому відповідав <em>Нептун</em>, у
слов'ян — <em>Цар Моря, Цар Морський, Водяник</em>.
</p></syntaxhighlight>
|
[[Файл:Uk html sem elem ex.PNG]]
|-
|}
'''Елементи візуальної розмітки''' застосовуються задля опису візуальних ефектів тексту, не зазначаючи при цьому функції тексту свого контенту. Остання чинна специфікація HTML 4.01 визначає більшість з цих елементів такими, що не рекомендується застосовувати у розмітці. Наприклад:
{| class="wikitable" border="1"
|-
! Фрагмент HTML-розмітки документа
! Відтворення в браузері
|-
| <syntaxhighlight lang="html4strict"><font size="5">Давньогрецькі боги</font>
<br />
<b>Посейдон</b> — володар світових вод, Океану,
в латинян йому відповідав <i>Нептун</i>, у слов'ян —
<i>Цар Моря, Цар Морський, Водяник</i>.</syntaxhighlight>
| <font size="5">Давньогрецькі боги</font>
<br/>
'''Посейдон''' — володар світових вод, Океану, в латинян йому відповідав ''Нептун'', у слов'ян — ''Цар Моря, Цар Морський, Водяник''
|-
|}
'''Елементи розмітки гіпертексту''' застосовуються задля з'єднання частин документа з іншими документами. Наприклад:
{| class="wikitable" border="1"
|-
! Фрагмент HTML-розмітки документа
! Відтворення в браузері
|-
| <syntaxhighlight lang="html4strict"><a href="http://uk.wikipedia.org/wiki/">Вікіпедія</a></syntaxhighlight>
| [http://uk.wikipedia.org Вікіпедія]
|-
|}
===== Атрибути =====
{{Main|Атрибути HTML}}
Більшість з атрибутів елемента являє собою пару «назва-значення», розділених між собою знаком рівняння, та записаних у початковому тегу одразу після назви елемента. Значення атрибуту може бути окреслено лапками (подвійними або одиничними), також, якщо значення атрибуту складається з певних символів, його можна не виділяти лапками зліва. Проте невзяття значення атрибутів у лапки вважається небезпечним кодом. На відміну від атрибутів виду «назва-значення», є певні атрибути, що впливають на елемент, назва яких лише з'явилась в початковому тегу (наприклад, атрибут <code>ismap</code> елемента <code>img</code>).
Більшість елементів можуть мати будь-який з загальних атрибутів: Атрибут <code>id</code> впроваджує унікальний ідентифікатор елемента по всьому документу. Доданий до [[URL]] документа, він впроваджує глобальний унікальний ідентифікатор елемента.
Це може використовуватися:
* [[CSS|таблицями стилів]] для впровадження презентаційних властивостей;
* [[браузер]]ами для фокусування уваги на певному елементі;
* [[скрипт]]ами для виконання дій над елементом.
Атрибут <code>title</code> використовується для додавання пояснювального тексту для елемента. В більшості браузерів значення цього атрибуту можна побачити як підказку, що виникає при наведенні курсора на елемент.
Атрибут <code>class</code> впроваджує засіб об'єднання схожих елементів у класи.
Це може використовуватися для:
* ''відтворення візуальних ефектів''. Для презентаційної розмітки, наприклад, документ може містити <code>class="notation"</code>, який визначає всі елементи, у яких клас визначений як <code>"notation"</code>, підпорядкованими головному тексту документа. Такі елементи можна зібрати докупи і показати як виноски внизу сторінки, замість того, щоб показувати їх на тому місці, де вони з'являються в самому HTML-коді документа;
* ''структурного поділу тексту''. Для [[семантика|семантичної]] розмітки, наприклад, класи використовуються у створенні [[мікроформати|мікроформатів]].
==== Базові типи даних ====
{{Main|Типи даних HTML}}
Оскільки HTML є похідною мовою від [[SGML]], усі типи даних HTML ґрунтуються на базових типах даних SGML (наприклад, <code>PCDATA</code>, <code>CDATA</code>, <code>NAME</code>, <code>ID</code>, <code>NUMBER</code>).
Кожен елемент має дві властивості — ''атрибути'' і ''вміст'', які мають певні значення. Всі можливі значення цих двох властивостей прописуються відповідно до визначених у [[Document Type Definition|DTD]] типів даних. Нижче наведено кілька типів даних HTML:
* <code>% Color</code> — колір [[sRGB]], записаний у шістнадцятковому вигляді, або одне з шістнадцяти службових слів;
* <code>% ContentType</code> — тип умісту/носія;
* <code>% Charset</code> — таблиця кодування символів;
* <code>% Character</code> — мнемоніка або окремий символ із [[UCS]];
* <code>% Length</code> — nn розмір в пікселях, nn% — у відсотках;
* <code>% URI</code> — [[URI|Уніфікований ідентифікатор ресурсів]];
* <code>% Datetime</code> — дата та час;
* <code>% Script</code> — [[скрипт]];
* <code>% StyleSheet</code> — дані [[CSS|таблиць стилів]];
* <code>% Text</code> — текстові рядки.
==== Мнемоніки ====
{{See also|Список мнемонік HTML}}
Існують такі випадки, коли в документі потрібно використати якийсь символ, якого немає в обраній для документа [[Кодування символів|кодовій таблиці]]. Для таких випадків можливо замінити символ на еквівалентне йому SGML-посилання на символ (мнемоніку).
Розрізняють мнемоніки двох видів:
* '''Цифрові мнемоніки (десяткові або 16-кові)'''
Визначають кодову позицію символу із таблиці кодів [[UCS]]. Наприклад:
{| align="left" class="standard"
|+
! |Мнемоніка
! |Символ
|-----
| <syntaxhighlight lang="html4strict">å</syntaxhighlight>
| å
|-----
| <syntaxhighlight lang="html4strict">å</syntaxhighlight>
| å
|-----
| <syntaxhighlight lang="html4strict">å</syntaxhighlight>
| å
|+
|}
{{clear|left}}
* '''Мнемоніки із певних сполучень символів'''
Такі мнемоніки використовують псевдоніми замість кодів символів. Проте в HTML не визначені псевдоніми для кожного символу із UCS. Наприклад:
{| align="left" class="standard"
|+
! |Мнемоніка
! |Символ
|-----
| <syntaxhighlight lang="html4strict"><</syntaxhighlight>
| <
|-----
| <syntaxhighlight lang="html4strict">&</syntaxhighlight>
| &
|-----
| <syntaxhighlight lang="html4strict">"</syntaxhighlight>
| "
|+
|}
{{clear|left}}
HTML 4.01 підтримує три різні набори мнемонік:
* Мнемоніки для символів ISO 8859-1 (Latin-1)
* Символи, математичні символи та грецькі літери
* Мнемоніки для символів розмітки та інтернаціоналізації
'
*
*
=== Валідація ===
Так само як і кожна мова, будь-яка [[Мова програмування|комп'ютерна мова]] має свою власну [[граматика|граматику]], [[словник]] і [[синтаксис]]. І кожен документ, написаний цією мовою, має дотримуватися цих правил. HTML використовує машинно-зчитуючу граматику, яка називається [[Document Type Definition|DTD]], механізм, успадкований від [[SGML]].
Проте, так само як і тексти [[природна мова|природної мови]] можуть містити граматичні помилки, документи, що використовують [[мова розмітки даних|мови розмітки]] можуть не дотримуватись визначеної граматики. Процес перевірки документа на дотримання визначених мовою правил називають '''валідацією''', а інструмент, який здійснює перевірку — '''валідатором'''. Документ, що пройшов цей процес без помилок, називають '''валідним'''.
Згідно з цією концепцією, «''валідація HTML розмітки''» визначається як процес перевірки вебдокумента за правилами граматики (визначеними в DTD), на які він посилається із [[Елементи HTML|елемента]] <code>doctype</code>.
Один із важливих принципів програмування: «Будьте консервативні в тому, що ви робите; будьте ліберальним в тому, що ви приймаєте».<ref>{{cite web|url=http://validator.w3.org/docs/help.html#why-validate|title=Help and FAQ for the Markup Validator|publisher=World Wide Web Consortium|date=2007-07-06|accessdate=2009-11-29|quote=One of the important maxims of computer programming is: «Be conservative in what you produce; be liberal in what you accept.»|archiveurl=https://www.webcitation.org/6GYgtwHq4?url=http://validator.w3.org/docs/help.html#why-validate#why-validate|archivedate=2013-05-12|deadurl=no}}</ref>
[[Браузер]]и дотримуються другої частини цього принципу: вони приймають вебдокументи такими, які вони є, та намагаються відтворити їх на екрані, навіть якщо вони не використовують стандартний HTML. Зазвичай це означає, що браузер спробує «здогадатися» про те, що автор документа мав на увазі. Проблема полягає в тому, що різні браузери (або навіть різні версії одного браузера) зроблять різні припущення щодо одних і тих же нестандартних конструкцій, і навіть гірше: якщо HTML-код дуже відрізняється від стандарту, браузер безнадійно заплутається і безладно відтворить сторінку на екрані, або навіть аварійно закриється.
Саме тому дотримуватися першої частини принципу належить авторам документа, шляхом перевірки своїх документів на дотримання стандарту. Найкращий інструмент для цього — ''валідатор HTML-розмітки''.
=== Перегляд ===
Для перегляду HTML-розмітки документа можна використовувати будь-який [[текстовий редактор]].
Для перегляду документа, відтвореного за правилами HTML-розмітки, використовується [[браузер]].
=== Транспортування в мережі ===
HTML документи можуть бути транспортовані так само як і будь-які інші файли (наприклад, за допомогою протоколів [[FTP]], [[TCP]]), проте зазвичай вони транспортуються із [[веб-сервер|сервера]] за допомогою протоколу [[HTTP]] або [[Електронна пошта|електронною поштою]].
==== HTTP ====
Всесвітня павутина складається в основному з HTML-документів, переданих з [[Вебсервер|вебсерверів]] для [[браузер]]ів, використовуючи протокол [[HTTP]]. До того ж HTTP використовується для передачі зображень, звуків, відео та іншого супутнього контенту. Для правильного відтворення документа браузером окрім нього самого передається ще й інша інформація ([[метадані]]), у якій зазвичай міститься визначення [[MIME тип]]у (наприклад, <code>text/html</code> або <code>application/xhtml+xml</code>) та [[кодування символів|кодової таблиці]] документа.
==== Електронна пошта ====
Більшість графічних [[Електронна пошта#Популярні програми-клієнти для роботи з E-mail|поштових клієнтів]] дозволяють використовувати підмножину елементів HTML (часто визначених стандартом як застарілі та не рекомендовані у розмітці), щоб забезпечити візуальне форматування тексту, роблячи неможливим [[Семантична павутина|семантичну]] розмітку тексту засобами поштового клієнта. Багато таких клієнтів містять у собі [[WYSIWYG]]-редактор HTML для складання повідомлень. Використання HTML у повідомленнях електронної пошти є спірним питанням через проблеми з сумісністю у різних поштових клієнтів; також HTML може допомогти приховати [[фішинг]].
== Поточні напрямки розвитку і використання HTML ==
З моменту свого створення HTML і пов'язані з нею протоколи порівняно швидко отримали визнання. Однак у перші роки існування цієї мови розмітки не було жодних чітких стандартів. Хоча її творці спочатку і задумували HTML як семантичну мову, позбавлену презентаційних можливостей<ref>{{Cite web
|url = http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/HTMLConstraints.html
|title = HTML Design Constraints
|accessdate = 2009-12-01
|date = 03
|year = 1992
|month = 11
|quote = Many text editing systems (Microsoft Word, The NeXT text object, the Mac text object, etc) handle text in a variety of styles but do not have any concept of nestable structure in the SGML sense. …It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors, for example. This is in keeping with the SGML ideal.
|archiveurl = https://www.webcitation.org/6GYguVA4h?url=http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/HTMLConstraints.html
|archivedate = 2013-05-12
|deadurl = no
}}</ref>, її практичне використання із різними браузерами призвело до додавання багатьох презентаційних елементів і атрибутів в HTML. Останні стандарти, пов'язані з HTML, відображають зусилля з подолання хаотичного розвитку мови і створення раціональної основи для розробки як змістовних, так і виразних документів.<ref>{{Cite web
|url = http://ei.cs.vt.edu/~wwwbtb/book/chap13/who.html
|title = HTML
|accessdate = 2009-12-01
|year = 1996
|author = Pris Sears
|quote = The final control of HTML rests squarely on the shoulders of individual authors of HTML documents. If authors can be seduced by blinking, barking, and spinning proprietary tags, and do not care who is excluded by such practices, the Web will become more and more fragmented. If authors decide that the most important facet of HTML is its device independence, its ability to make information sharable to everyone in the world, regardless of software and hardware, then HTML specifications will be adhered to.
|archiveurl = https://www.webcitation.org/6GYpUfWpd?url=http://ei.cs.vt.edu/~wwwbtb/book/chap13/who.html
|archivedate = 2013-05-12
|deadurl = no
}}</ref> Щоб повернути HTML її роль семантичної мови, [[W3C|Консорціум Всесвітньої павутини]] розробив мови стилізування, такі як [[CSS|Каскадні таблиці стилів]] та [[XSL|Розширена мова таблиць стилів]], аби перенести на них відповідальність за вигляд документа. У зв'язку з цим специфікація HTML повільно почала повертатися виключно до семантичних елементів.
=== Семантичний HTML ===
{{Main|Семантичний HTML}}
Семантичний HTML — спосіб написання HTML, що віддає перевагу підкресленню смислу закодованої інформації радше за її подання (зовнішній вигляд). Ще з самого початку свого розвитку HTML мав у складі елементи семантичної розмітки<ref>{{cite book
|last1=Berners-Lee
|first1=Tim
|last2=Fischetti
|first2=Mark
|title=Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web by Its Inventor
|isbn=978-0-06-251587-2
|publisher=Harper
|location=San Francisco
|date=2000
|url-access=registration
|url=https://archive.org/details/isbn_9780062515872
}}</ref>, проте також мав і елементи презентаційної розмітки, такі як <code>font</code>, <code>i</code> та <code>center</code>. Також HTML має семантично-нейтральні елементи <code>span</code> та <code>div</code>. З кінця 1990-х, коли [[CSS|Каскадні таблиці стилів]] почали належно працювати в більшості браузерів, авторам документів було рекомендовано уникати використання презентаційної розмітки HTML з метою розділення представлення і змісту.<ref>{{cite web
|url = http://www.w3.org/TR/CSS21/
|title = Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
|date = 2009-09-08
|publisher = W3C
|accessdate = 2009-12-01
|quote = CSS 2.1 is a style sheet language that allows authors and users to attach style (e.g., fonts and spacing) to structured documents (e.g., HTML documents and XML applications). By separating the presentation style of documents from the content of documents, CSS 2.1 simplifies Web authoring and site maintenance.
|archiveurl = https://www.webcitation.org/6GYqA1fBs?url=http://www.w3.org/TR/CSS21/
|archivedate = 2013-05-12
|deadurl = no
}}</ref>
У 2001 році в статті про [[Семантична павутина|Семантичну павутину]] [[Тім Бернерс-Лі]] та інші навели приклади шляхів, за якими одного дня «агенти» інтелектуального програмного забезпечення зможуть автоматично прочесати Всесвітню мережу та відшукати, відфільтрувати та встановити співвідношення попередньо непов'язаних фактів на благо користувачів.<ref>{{cite web
|url = http://www.scientificamerican.com/article.cfm?id=the-semantic-web
|title = The Semantic Web
|author = Tim Berners-Lee, James Hendler and Ora Lassila
|publisher = Scientific American
|date = 2001
|accessdate = 2009-12-01
|quote = At the doctor's office, Lucy instructed her Semantic Web agent through her handheld Web browser. The agent promptly retrieved information about Mom's prescribed treatment from the doctor's agent, looked up several lists of providers, and checked for the ones in-plan for Mom's insurance within a 20-mile radius of her home and with a rating of excellent or very good on trusted rating services. It then began trying to find a match between available appointment times at Pete's and Lucy's busy schedules.
In a few minutes the agent presented them with a plan. Pete didn't like it. University Hospital was all the way across town from Mom's place, and he'd be driving back in the middle of rush hour. He set his own agent to redo the search with stricter preferences about location and time. Lucy's agent, having complete trust in Pete's agent in the context of the present task, automatically assisted by supplying access certificates and shortcuts to the data it had already sorted through. Almost instantly the new plan was presented: a much closer clinic and earlier times.…
|archiveurl = https://www.webcitation.org/6GYqAtSpA?url=http://www.scientificamerican.com/article.cfm?id=the-semantic-web
|archivedate = 2013-05-12
|deadurl = no
}}</ref> Такі агенти є незвичайними навіть зараз, але деякі з ідей [[Web 2.0]], [[Mashup|мешапів]] та сервісів порівняння цін стають все ближчими до реалізації. Основна відмінність між цими гібридними [[Вебзастосунок|вебзастосунками]] та семантичним агентом, який згадується у статті Бернерса-Лі, полягає в тому, що нинішні шляхи збирання та гібридизації інформації, як правило, створені веброзробниками, які вже точно знають де шукати потрібну інформацію і яка в неї [[Прикладний програмний інтерфейс|API]]-семантика.
Важливими типом вебагента, який прочісує і читає [[Вебсторінка|вебсторінки]] автоматично, проте без знання того, що він може виявити, є [[пошуковий робот]]. Цей програмний агент залежить від семантичної ясності вебсторінок, які він знаходить, оскільки в ньому використовуються різні методи і [[алгоритм]]и зчитування та індексації мільйонів вебсторінок в день, що забезпечує користувачів Інтернету [[Пошукова система|пошуковими можливостями]], без яких Всесвітня павутина була б корисна тільки на малу частину від її сучасних можливостей.
Для того щоб [[Пошуковий робот|пошукові роботи]] мали можливість оцінити значення фрагментів тексту, які вони знаходять в документах HTML, а також для тих, хто створює [[Mashup|мешапи]] та інші гібридні агенти, так само як і для більш автоматизованих агентів, необхідно аби семантичні структури, які існують в HTML, набули широкого і рівномірного застосовування, щоб виділити зміст опублікованого тексту.<ref name="SWR">{{cite web
|url = http://eprints.ecs.soton.ac.uk/12614/1/Semantic_Web_Revisted.pdf
|title = The Semantic Web Revisited
|author = Nigel Shadbolt, Wendy Hall and Tim Berners-Lee
|publisher = IEEE Intelligent Systems
|date = 2006
|accessdate = 2009-10-02
|archiveurl = https://www.webcitation.org/6GYqDWF2O?url=http://eprints.soton.ac.uk/262614/1/Semantic_Web_Revisted.pdf
|archivedate = 2013-05-12
|deadurl = no
}}</ref>
Елементи презентаційної розмітки є забороненими в останніх чинних специфікаціях HTML і [[XHTML]], а також і в проєкті [[HTML 5]].
Добрий семантичний HTML також покращує ''доступність'' вебдокументів. Наприклад, коли [[браузер]] або аудіо-браузер може правильно встановити структуру документа, він не буде витрачати час користувачів з вадами зору на прочитання повторюваної або неактуальної інформації, якщо вона була розмічена правильно.
=== Проєкт специфікації HTML 5 ===
{{Main|HTML 5}}
[[HTML5|HTML 5]] — це наступна значна переробка стандарту HTML. Робота над створенням специфікації, відома під назвою «Web Applications 1.0», розпочата [[WHATWG]] в червні [[2004]] року.<ref>http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2004-June/000005.html</ref>
HTML 5 спрямований на скорочення використання заснованих на [[плагін]]ах [[RIA]]-технологій, таких як [[Adobe Flash]], [[Microsoft Silverlight]] і [[Sun JavaFX]], хоча досягнення цієї мети займе багато років.<ref>{{cite web|last=Krill|first=Paul|url=http://www.computerworld.com/action/article.do?command=viewArticleBasic&taxonomyName=development&articleId=9134422&taxonomyId=11&intsrc=kc_feat|title=HTML 5: Could it kill Flash and Silverlight?|publisher=Computerworld|work=InfoWorld|date=2009-06-16|accessdate=2009-12-02|quote=HTML 5, a groundbreaking upgrade to the prominent Web presentation specification, could become a game-changer in Web application development, one that might even make obsolete such plug-in-based rich Internet application (RIA) technologies as Adobe Flash, Microsoft Silverlight, and Sun JavaFX.|archiveurl=https://www.webcitation.org/6GYqE9SBI?url=http://www.computerworld.com/s/article/9134422/HTML_5_Could_it_kill_Flash_and_Silverlight_?taxonomyId=11|archivedate=2013-05-12|deadurl=yes}}</ref>
Специфікація [[HTML 5]] зводиться до надання [[Семантика|семантичного]] рівня мови розмітки і пов'язаних з ними семантичних рівнів [[API]] для сценаріїв задля авторизації доступних сторінок у [[Всесвітня павутина|Всесвітній павутині]], починаючи від статичних документів і закінчуючи динамічними [[веб-застосунок|застосунками]].<ref>{{cite web|url=http://www.w3.org/TR/html5/introduction.html#introduction|title=Introduction — HTML5|publisher=W3C|accessdate=2009-12-02|quote=This specification is limited to providing a semantic-level markup language and associated semantic-level scripting APIs for authoring accessible pages on the Web ranging from static documents to dynamic applications.|archiveurl=https://www.webcitation.org/6GYqFwEHg?url=http://www.w3.org/TR/html5/introduction.html#introduction#introduction|archivedate=2013-05-12|deadurl=no}}</ref> HTML 5 вводить ряд нових елементів і атрибутів, які відображають типову архітектуру сучасних вебсторінок. Деякі з них є ''семантичними замінами'' загально-використовуваних блочних (<code>div</code>) і вбудованих (<code>span</code>) елементів, наприклад елемент <code>nav</code> (навігаційний блок сторінки) і <code>footer</code>. Інші елементи забезпечують нові функціональні можливості через стандартизований інтерфейс, наприклад елементи <code>audio</code> і <code>video</code>.
Наразі специфікація має статус «у розробці», та, як очікується, матиме його ще протягом трьох років, хоча розробка частин HTML 5 буде завершена і реалізована в [[браузер]]ах ще до того, як специфікація отримає остаточний статус ''Рекомендації W3C''.<ref>{{cite web|url=http://wiki.whatwg.org/wiki/FAQ#When_will_HTML5_be_finished.3F|title=When will HTML5 be finished?|publisher=WHATWG Wiki|accessdate=2009-12-02|quote=Different parts of the specification are at different maturity levels. Some sections are already relatively stable and there are implementations that are already quite close to completion, and those features can be used today. But other sections are still being actively worked on and changed regularly, or not even written yet.|archiveurl=https://www.webcitation.org/6GYqGPthO?url=http://wiki.whatwg.org/wiki/FAQ#When_will_HTML5_be_finished.3F#When_will_HTML5_be_finished.3F|archivedate=2013-05-12|deadurl=no}}</ref>
=== XHTML ===
{{стиль|дата=листопад 2016}}
{{Main|XHTML}}
Ймовірно, HTML — найуспішніша мова розмітки документів у всьому світі.<ref name="Pemberton"/> Проте, коли світові представили [[XML]], було вирішено створити нову версію HTML, похідну від XML. Адже з XML-заснованим HTML інші XML-мови могли би включати частини [[XHTML]], а XHTML-документи могли б включати частини інших мов розмітки. Також автори вебдокументів могли б скористатися перевагами редизайну задля очищення деяких з найбільш неохайних частин HTML, а також додати деякі з нових необхідних функцій, таких як покращені форми.<ref name="Pemberton">{{cite web|url=http://www.w3.org/MarkUp/2004/xhtml-faq#need|title=HTML and XHTML Frequently Answered Questions|author=Steven Pemberton|date=2004-07-21|accessdate=2009-12-08|quote=HTML is probably the most successful document markup language in the world. But when XML was introduced, a two-day workshop was organised to discuss whether a new version of HTML in XML was needed. The opinion at the workshop was a clear 'Yes': with an XML-based HTML other XML languages could include bits of XHTML, and XHTML documents could include bits of other markup languages. We could also take advantage of the redesign to clean up some of the more untidy parts of HTML, and add some new needed functionality, like better forms.|archiveurl=https://www.webcitation.org/6GYqHXK3a?url=http://www.w3.org/MarkUp/2004/xhtml-faq#need#need|archivedate=2013-05-12|deadurl=no}}</ref> Нижче зазначені деякі переваги використання XHTML замість HTML.
Якщо документ є лише чистим XHTML 1.0 (не включає інші мови розмітки), то різниця між XHTML та HTML майже не помітна. Проте, оскільки стають доступними все більше і більше XML-інструментів (наприклад, [[XSLT]] для перетворення документів), переваги використання XHTML стають все помітнішими. Наприклад, [[XForms]] дозволяє досить просто керувати редагуванням документів XHTML (або будь-яких інших видів документа XML). Семантичні [[Вебзастосунок|вебзастосунки]] також зможуть скористатися документами XHTML за своїми потребами.<ref>{{cite web|url=http://www.w3.org/MarkUp/2004/xhtml-faq#advantages|title=HTML and XHTML Frequently Answered Questions|author=Steven Pemberton|date=2004-07-21|accessdate=2009-12-08|quote=If your document is just pure XHTML 1.0 (not including other markup languages) then you will not yet notice much difference. However as more and more XML tools become available, such as XSLT for tranforming documents, you will start noticing the advantages of using XHTML. XForms for instance will allow you to edit XHTML documents (or any other sort of XML document) in simple controllable ways. Semantic Web applications will be able to take advantage of XHTML documents. If your document is more than XHTML 1.0, for instance including MathML, SMIL, or SVG, then the advantages are immediate: you can't do that sort of thing with HTML.|archiveurl=https://www.webcitation.org/6GYqHXK3a?url=http://www.w3.org/MarkUp/2004/xhtml-faq#advantages#advantages|archivedate=2013-05-12|deadurl=no}}</ref> Якщо документ більш ніж просто XHTML 1.0 (наприклад, у документі використовуються мови розмітки [[MathML]], [[SMIL]], або [[SVG]]), тоді переваги використання XHTML значно помітніші, адже HTML не підтримує такі комбінації мов розмітки в одному документі.
== Джерела ==
{{reflist|2}}
* [http://validator.w3.org/docs/help.html Help and FAQ for the Markup Validator]
* [http://www.w3.org/TR/html401/ Специфікація HTML 4.01]
== Див. також ==
* [[Інтернет]]
* [[Семантична павутина]]
* [[Браузер]]
* [[Вебсайт]] і [[Вебсторінка]]
* [[Гіпертекст]] і [[гіперпосилання]]
== Посилання ==
{{Вікіпосилання
|Портал = Програмування
|Вікіпідручник = HTML
|Вікісховище = Категорія:HTML
}}
* [https://css.in.ua/html/tags Український вебдовідник HTML]
* [http://www.w3.org/TR/html401/ HTML 4.01, остання чинна специфікація]{{ref-en}}
* [http://www.w3.org/MarkUp/Guide/ Введення до HTML Дейва Реггета]{{ref-en}}
* [http://www.cs.tut.fi/~jkorpela/html/empty.html Порожні елементи в SGML, HTML, XML, та XHTML]{{ref-en}}
* [http://www.starr.net/is/type/htmlcodes.html html codes] Довідкова інформація по створенню діакритик, іноземних літер, та символів '''© ¿ á ü ç '''{{ref-en}}
* [https://web.archive.org/web/20080620083736/http://www.speakcomputers.com/HtmlTry/Tester/LargeHTMLEditor.aspx HTML-редактор]{{ref-en}}
* [http://qindex.info/Q_incld/drctry.php?id=webproger&ctgry=2129 Шпаргалки по HTML/CSS]{{ref-en}}
=== Валідатори HTML-розмітки ===
* [http://validator.w3.org/ Валідатор розмітки на сайті W3C]{{ref-en}}
* [http://www.htmlhelp.com/tools/validator/ WDG HTML Validator]{{ref-en}}
* [http://validator.nu/ Validator.nu]{{ref-en}}
=== Підручники ===
* [http://htmlbook.at.ua/ Підручники HTML і CSS](укр.)
* [https://html-css.co.ua/ Електронний довідник HTML і CSS]{{Ref-uk}}
* [http://www.htmldog.com/guides/htmlbeginner/ HTML Dog]{{ref-en}}
* [https://web.archive.org/web/20080619081503/http://www.html.net/tutorials/html/introduction.asp HTML.net]{{ref-en}}
* [http://www.pagetutor.com/ Pagetutor]{{ref-en}}
* [http://www.htmlbook.ru/ HTML Book](рос.)
* [http://www.wisdomweb.ru/HTML/index.php Підручник HTML]{{ref-ru}}
* [https://web.archive.org/web/20140407072715/http://talkera.org.cp-in-1.webhostbox.net/wp/?p=85 HTML cheatsheet]
=== Специфікація W3C ===
* Стандарти HTML: [http://www.w3.org/TR/WD-html2/ 2.0], [http://www.w3.org/TR/REC-html32 3.2], [http://www.w3.org/TR/1998/REC-html40-19980424/ 4.0], [http://www.w3.org/TR/html4/ 4.01]{{ref-en}}
{{Мови розмітки}}
{{Мови програмування}}
{{JavaScript}}
{{Бібліоінформація}}
[[Категорія:Акроніми]]
[[Категорія:HTML]]
[[Категорія:Мови розмітки даних]]
[[Категорія:Стандарти W3C]]
[[Категорія:Стандарти ISO]]
[[Категорія:Надпопулярні статті]]
[[Категорія:Комп'ютерна термінологія]]
[[Категорія:Відкриті формати]]
[[Категорія:Технічна комунікація]]
[[Категорія:Статті з прикладами коду мовою HTML]]
| |||