Переклад не закінчено. Будь ласка, допоможіть перекласти цю статтю з англійської.

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

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

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

  • HTML довідник

    У нашому докладному довіднику ви знайдете всю необхідну інформацію до кожного з елементів і атрибутів HTML.

  • HTML посібник

    Для читання статтей, підручників і прикладів по HTML, зверніться до нашого посібника HTML розробника.

  • Вступ до HTML

    Якщо ви новачок в Web-розробці, то прочитайте наш вступ про те, що таке HTML і як ним користуватись.

Довідники

Блокові елементи
В 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.

Join the Web layout community

Choose your preferred method for joining the discussion:

Мітки документа й учасники

 Зробили внесок у цю сторінку: websunsey, asmforce, mdymytrova, Syarol, yuraantonov, volodymyrholovka
 Востаннє оновлена: websunsey,