HTML – мова розмітки гіпертексту
HTML (HyperText Markup Language – мова розмітки гіпертексту) – найголовніший наріжний камінь Всесвітнього павутиння. Інші технології переважно використовуються для опису зовнішнього вигляду та способу представлення вебсторінок (CSS) і їх функціональності та поведінки (JavaScript).
Слово "гіпертекст" вказує на посилання, що поєднує вебсторінки одна з одною, як всередині одного вебсайту, так між різними. Посилання – корінна особливість Вебу. Завантажуючи вміст до Інтернету та пов'язуючи його зі сторінками, створеними іншими людьми, можна стати дієвим учасником Всесвітнього павутиння.
HTML використовує "розмітку" для опису тексту, зображень та іншого вмісту для відображення у вебоглядачі. Розмітка HTML включає особливі "елементи", наприклад, <head> (голову), <title> (назву), <body> (тіло), <header> (заголовок), <footer>(нижній колонтитул), <article> (параграф), <section> (розділ), <p> (абзац), <div> (ділянка), <span> (відрізок), <img> (зображення), <aside> (боковий), <audio> (звук), <canvas> (полотно), <datalist> (список даних), <details> (подробиці), <embed> (вбудоване), <nav> (навігація), <search> (пошук), <output> (вивід), <progress> (поступ), <video> (відео), <ul> (невпорядкований список), <ol> (упорядкований список), <li> (елемент списку), та багато інших.
Елемент HTML відділяється від решти тексту в документі за допомогою "тегів", котрі складаються з імені елемента, оточеного символами < та >. Ім'я елемента всередині тега є нечутливим до регістру. Таким чином, його можна писати у великому чи малому регістрі, або їх змішувати. Наприклад, тег <title> можна написати як <Title>, <TITLE> або будь-як іще. Втім, загальноприйнята і рекомендована практика – писати теги в малому регістрі.
Статті нижче допоміжні у вивченні HTML.
Підручники для початківців
- Ваш перший вебсайт – Створення вмісту
Ця стаття пропонує короткий огляд того, що таке HTML та як його використовувати, призначена для тих, хто цілковитий новачок у веброзробці.
- Структурування вмісту засобами HTML
Модуль HTML нашого розділу Навчання веброзробки вчить всім основам HTML з самого початку.
Посібники
- Форми HTML
Форми – це дуже важлива частина Вебу: вони надають значну частину функціональності, необхідної для взаємодії з вебсайтами, наприклад, реєстрацію та автентифікацію, надсилання відгуків, купівлю товарів і багато іншого. Цей модуль дає старт зі створення клієнтської частини (фронтенду) форм.
- Атрибути налаштувань CORS
Деякі елементи HTML, що підтримують CORS, наприклад,
<img>чи<video>, мають атрибутcrossorigin(властивістьcrossOrigin), що дає змогу налаштовувати CORS-запити для стягуваних елементом даних.- Завантаження вмісту наперед за допомогою rel="preload"
Значення
preloadатрибутаrelелемента<link>дає змогу писати декларативні запити даних всередині тега HTML<head>, вказуючи ресурси, що будуть потрібні вебсторінці вельми скоро після завантаження, так, що варто почати завантаження їх наперед якомога раніше у життєвому циклі завантаження сторінки, до того, як почне діяти головний механізм візуалізації браузера. Це дає змогу пересвідчитись, що такі ресурси будуть доступними раніше, й зменшити ймовірність блокування ними першої візуалізації сторінки, що, як наслідок, призводить до покращення швидкодії. Ця стаття дає основні настанови щодо того, як працюєpreload.- Чуйні зображення
У цій статті ми дізнаємося про концепцію чуйних зображень – зображень, що добре працюють на пристроях з геть різними розмірами екрана, роздільною здатністю та іншими подібними характеристиками – та розглянемо, які інструменти надає HTML, аби допомогти в їх реалізації. Це допомагає покращити продуктивність на різних пристроях.
Посилання
- Довідник з HTML
HTML складається з елементів, кожен з яких може бути видозмінений певною низкою атрибутів. Документи HTML пов'язані одне з одним за допомогою посилань.
- Довідник елементів HTML
- Довідник атрибутів HTML
Елементи в HTML мають атрибути. Це додаткові значення, що налаштовують елементи або видозмінюють їх поведінку у різний спосіб.
- Глобальні атрибути
Глобальні атрибути можуть бути вказані на всіх елементах HTML, навіть тих, що не описані стандартом. Це означає, що будь-які нестандартні елементи мусять приймати ці атрибути, навіть якщо ці елементи роблять документ невідповідним стандартові HTML5.
- Елементи рядкового та блокового рівнів
Елементи HTML зазвичай належать до "рядкового рівня" чи "блокового рівня". Елемент рядкового рівня займає лише простір, що оточений тегами, котрі його визначають. Блоковий елемент займає увесь простір свого батьківського елемента (контейнера), чим утворює "блокову рамку".
- Коментарі HTML
Коментарі HTML вживаються для додавання до розмітки пояснювальних приміток або для запобігання тому, щоб браузер інтерпретував певні частини документа.
- Настанови з типів та форматів медіа у Вебі
Елементи
<audio>та<video>дають змогу відтворювати аудіо та відео вміст у природний спосіб всередині вмісту, без потреби підтримки будь-якого зовнішнього програмного забезпечення.- Категорії вмісту HTML
HTML складається з декількох ґатунків вмісту, кожен з яких дозволений у певних контекстах, але заборонений в інших. Подібно до цього, кожен контекст має низку інших категорій вмісту, котрі він може містити, та елементів, що можуть або не можуть в них використовуватись. Це настанови щодо таких категорій.
- Режим сумісності та режим стандартів
Історична інформація про режим сумісності та режим стандартів.
Пов'язані теми
- Застосування кольору до елементів HTML за допомогою CSS
Ця стаття покриває більшість способів використання CSS для додання кольору до вмісту HTML, перелічуючи частини документів HTML, що можуть бути розфарбовані, і властивості CSS, за допомогою яких це можливо.