From 218934fa2ed1c702a6d3923d2aa2cc6b43c48684 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:43:23 -0500 Subject: initial commit --- files/uk/web/html/index.html | 91 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 files/uk/web/html/index.html (limited to 'files/uk/web/html/index.html') diff --git a/files/uk/web/html/index.html b/files/uk/web/html/index.html new file mode 100644 index 0000000000..3f865c915a --- /dev/null +++ b/files/uk/web/html/index.html @@ -0,0 +1,91 @@ +--- +title: HTML +slug: Web/HTML +tags: + - HTML + - HTML5 + - Landing + - WWW + - Гіпертекст + - Довідка +translation_of: Web/HTML +--- +
{{HTMLSidebar()}}
+ +

Мова гіпертекстової розмітки (HyperText Markup Language — HTML) використовується для створення і візуального відображення веб-сторінок.

+ +

Основу кожної веб-сторінки в мережі Інтернет становить HTML. Під терміном «гіпертекст» мається на увазі текст, сформований за допомогою мови розмітки і який містить гіперпосилання, якими зв'язані веб-сторінки одна з одною, роблячи Всесвітню павутину тим, чим вона є сьогодні. Створюючи і публікуючи веб-сторінки в мережі Інтернет, ви стаєте активними учасниками Всесвітньої павутини. HTML підтримує як візуальні зображення, так і інший медіаконтент. HTML є мовою, що описує структуру і семантику вмісту веб-документу. Контент веб-сторінки розмічений за допомогою тегів, що представляють HTML-елементи. Прикладами таких елементів є {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, {{HTMLElement("picture")}}, і т.д. Ці елементи формують будівельні блоки для будь-якого веб-сайта.

+ +

Статті, представлені тут, містять довідкові матеріали з веб-розробки.

+ +
+ + +
+

Бажаєте стати веб-розробником фронтенду?

+ +

Ми уклали повний курс, що включає в себе всю необхідну інформацію задля досягнення вашої мети.

+ +

Розпочати

+
+ +

Довідники

+ +
+
Блокові елементи
+
В HTML (мові гіпертекстової розмітки — Hypertext Markup Language) елементи бувають блокові або рядкові. Блокові елементи займають всю ширину батьківського елемента (контейнера), таким чином утворюючи блок. У цій статті пояснюється, як це працює. 
+
CORS: включені зображення
+
Специфікації HTML вводять атрибут crossorigin, що разом з відповідним заголовком CORS дозволяють використовувати зображення через елемент <img> і завантаженому з інших джерел зображенням бути використаним в canvas так, як наче вони завантажуються з поточного джерела.
+
CORS: налаштування атрибутів
+
В HTML5, деякі HTML-елементи, що підтримують CORS, такі як <img> або <video>, мають crossorigin атрибут (crossOrigin властивості), який дозволяє налаштувати запити CORS для отриманих даних елемента.
+
Контроль правопису в формах HTML
+
Firefox 2 вводить підтримку перевірки правопису в текстових полях та полях веб-форм. Користувач може вказати використання інтерфейсу about:config незалежно від того, чи ввімкнено перевірку правопису, і чи потрібно перевіряти обидва текстові поля, чи лише текстові області.
+
DASH Адаптивний потік для HTML 5 відео
+
Dynamic Adaptive Streaming over HTTP (DASH) - це адаптивний потоковий (трансляційний) протокол. Це означає, що він дозволяє потоку відеозв'язку (трансляції) переключатися між швидкістю передачі даних (бітрейтом) на основі пропускної здатності мережі, щоб продовжувати відтворення відео.
+
Управління фокусом в HTML
+
В робочому проекті HTML5 activeElement DOM атрибут та hasFocus() DOM метод дають програмісту можливість кращого контролю інтерактивності сторінки в результаті дій користувача. Наприклад, обидва вони можуть бути використані для складання статистики, відстеження кількості кліків на певних посиланнях сторінки, вимірювання часу, протягом якого активний елемент тощо. Крім того, у поєднанні з технологією AJAX, вони допомагають мінімізувати кількість запитів на сервер в залежності від активності користувача та розмітки сторінки.
+
Глобальні атрибути
+
Глобальні атрибути можуть бути вказані на всіх елементах HTML, навіть тих, які не вказані в стандарті . Це означає, що будь-які нестандартні елементи, як і раніше, повинні дозволити ці атрибути, навіть якщо використання цих елементів означає, що документ більше не відповідає стандарту HTML5. Наприклад, HTML5-сумісні браузери приховують вміст, позначений як <foo hidden>...<foo>, хоча <foo> не є дійсним елементом HTML.
+
Довідка по HTML атрибутам
+
Елементи в HTML мають атрибути; це додаткові значення, які налаштовують елементи або регулюють їх поведінку різними способами для задоволення критеріїв, які хочуть користувачі.
+
Довідка по HTML елементам
+
Ця сторінка містить усі HTML елементи.
+
Довідка по HTML
+
HTML - це мова, яка описує структуру та семантичний вміст веб-документа; він складається з елементів, кожен з яких може бути змінений деякою кількістю атрибутів.
+
Рядкові елементи
+
В HTML (мові гіпертекстової розмітки — Hypertext Markup Language) елементи бувають блокові або рядкові. Рядковий елемент займає стільки місця в рядку, скільки вимагає розмір самого елемента, і його вплив обмежується тегами, які цей елемент визначають. Приклади у цій статті пояснюють, як працюють рядкові елементи.
+
Типи посилань
+
У HTML наступні типи посилань вказують на зв'язок між двома документами, в яких одне посилання на інше використовується за допомогою елемента <a>, <area>, або <link>.
+
Медіа формати, що підтримуються аудіо та відео елементами HTML
+
Елементи <audio> та <video> надають підтримку для відтворення аудіо та відео матеріалів, не вимагаючи плагінів.
+
Мікроформати
+
Мікроформати (іноді використовується абревіатура μF) - це невеликі шаблони HTML для позначення таких об'єктів, як люди, організації, події, місця розташування, публікації в блозі, продукти, огляди, резюме, рецепти тощо.
+ Вони є простими для вставки семантики в HTML і швидко надають API, який буде використовуватися пошуковими системами, агрегаторами та іншими інструментами.
+
Оптимізація ваших сторінок для спекулятивного парсингу (аналізу)
+
Традиційно в браузерах HTML-парсер (аналізатор) працює на головній гілці і блокується після тега </script> доки сценарій не буде завантажено з мережі і не виконано. HTML парсер в Firefox 4 і новіших підтримує спекулятивний синтаксичний аналіз поза головної гілки. Він продовжує парсити, доки скрипти завантажуються і виконуються. Як і в Firefox 3.5 та 3.6, HTML парсер починає спекулятивні завантаження скриптів, стилів і зображень, коли він знаходить їх у початку потоку. Проте в Firefox 4 і новіше HTML-парсер також спекулятивно виконує алгоритм побудови дерева HTML . Та коли спекуляція (відстежування) вдається, немає необхідності переробляти частину вхідного файлу, який вже був сканований на скрипти, стилі та зображення. Недоліком є те, що більше роботи втрачається, коли спекуляція (відстежування) зазнала невдачі.
+
Використання кешу додатків
+
HTML5 забезпечує механізм кешування додатків, який дозволяє веб-додаткам працювати в автономному режимі. Розробники можуть використовувати інтерфейс Application Cache (AppCache) щоб вказати ресурси, які браузер повинен кешувати та зробити доступними для офлайн-користувачів. Додатки, які кешують завантаження, працюють коректно, навіть якщо користувачі клікають кнопку оновлення, коли вони знаходяться офлайн.
+
+ +

Переглянути все...

+ +
+

Інструкції та посібники

+ +
+
Інструкція з HTML для розробників
+
Статті MDN, що демонструють конкретні методи, які ви можете використовувати при створенні веб-контенту за допомогою HTML, а також навчальні посібники та інші матеріали, які можуть бути вам корисними. Довідник може містити редакційні уроки, поради та інформацію щодо розробки HTML.
+
+
+
-- cgit v1.2.3-54-g00ecf