Що таке HTML?
HTML це мова гіпертекстової розмітки (HyperText Markup Language), який являє собою набір слів, котрі розміщені у спеціальних дужках та які слугують інструкціями для браузеру та завдяки яким браузер має змогу корректно форматувати контент сайту. Такі спеціальні слова називають HTML теги (HTML tags). Основним маркером тегу є кутові дужки < та > які огортають слово, яке виступає назвою тегу.
Теги мають властивості, деякі властивості є обов’язковими, наприклад, коли прописуєтся тег для відображення посилання, обов’язковою властивістю є саме посилання. Деякі властивості можна використовувати у скороченній формі, але лише якщо використовуєтся HTML. Теги можуть бути парними (тобто є відкриваючий та закриваючий тег) та не парними (тобто є лише один тег і він використовуєтся без закриваючого тегу)
HTML умовно можно розділити на HTML 4 та HTML 5. Станом на 2023 рік актуальною версією є п’ята версія. Версії 4 та 5 різняться наявністю або відсутністю тих чи інших тегів, а також іншим підходом до створення сторінки.
Браузери завжди намагаются обробляти сторінку максимально корректно, навіть якщо сторінка має неправильну послідовність тегів або неправильну структуру. Хоча в сучасних браузерах така сторінка може виглядати добре, не слід забувати що є як старі браузери які можуть почати відображати сторінку не корректно так і є мобільні браузери.
Найпростіша сторінка яка буде хоч якось відображатись в браузері не містить взагалі контенту та просто має розшиоення файлу .html. Через те що будь яка сторінка має певний набір обов’язкових тегів порожній файл з розширенням .html не є корректною сторінкою, однак це вже буде працювати. Наприклад як зміст такого файлу можна написати будь що і це вже буде відображене у браузері при наступному завантаженні сторінки.
Для корректного створення найпростішої сторінки нам знадобляться обов’язкові теги які будуть записані у певній послідовності. Отже будь яка сторінка містить:
- DOCTYPE це не парний тег, який завжди повинен бути першим тегом на сторінці. і це чи не єдиний тег який за замовчуванням пишется у верхньому регістрі. Має обовязковий скорочений атрибут html. Цим тегом верстальник дає браузеру чітку зрозумілу інструкцію, що ця сторінка є HTML сторінкою;
- html це парний тег який вказує браузеру де починаєтся та де закінчуєтся HTML сторінка. Тег html не має обов’язкових атребутів;
- head це парний тег який вказує браузеру де шукати необхідні службові інструкції для оптимального та корректного відображення сторінки. Тег head не має обовязкових атрибутів однак він повинен бути розміщенний одназу після відкритого тегу html, це дозволить браузеру отримати технічні інструкції як умога раніше;
- meta це не парний тег, який слугує виключно для надання браузеру інструкцій щодо сторінки і який повинен бути розмішенний в блоці head. Написання цих тегів різнится між версіями HTML (в п’ятій версії записи коротші та простіші). Як мінімум на сторінці повинен бути один тег meta який надає браузеру інформацію про кодування сторінки. В такому випадку тег мета повинен записуєтся з атрибутом charset та значенням кодування;
- title це не обов’язковий тег який не має атрибутів і який повинен бути розмішенний в блоці head. Якщо його не вказати то замість зрозумілої назви сторінки у вкладинці браузеру буде відображатись посилання. Тож title це не обов’язковий тег, який використовуются завжди;
- body парний тег в якому знаходится все що потрібно відображати на сторінці.
Приклад найпростішої HTML сторінки
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Моя перша HTML сторінка</title>
</head>
<body>
Hello world!
</body>
</html>Зазвичай, для простоти розуміння та запам’ятовування базову структуру HTML сторінки відображають як чоловічка з умовними позначками які теги в які секції краще розмішувати.
HTML використовуєтся лише для розмічення верстання сторінок для сайтів, але, станом на 2023 рік, є тенденція створення великої кількості сервісів в інтернеті, також є можливість подавати сервіси в інтернеті як додаток для комп’ютера, або як мобільній додаток. Також HTML використовуєтся як інструмент для верстання email розсилок які повинні відображатись корректно в усіх поштових клієнтах