Кожна html-сторінка має кілька обов'язкових компонентів. Один із таких – тег . Від коректного оформлення залежить, що користувач побачить у вікні браузера. Розповідаємо, що таке tag body та як його потрібно використовувати.
Що таке Body у HTML
Тег body призначений для зберігання всієї корисної інформації, яка доступна користувачеві та відображається у вікні браузера. Від правильного оформлення цього елемента залежить два моменти:
- коректне відображення на веб-сторінці всього контенту – текст, зображення, посилання, анімації, скрипти, банери та інше;
- успішне ранжування веб-сторінки у пошукових системах.
Body відноситься до основних тег створення сайту нарівні з head. Без них не можна створити налагоджений веб-ресурс. Навіщо потрібен тег head? Він використовується для зберігання технічної інформації, що допомагає браузеру працювати з даними. Практично все, що укладено в тег head, не відображається користувачеві.
Коли використовується тег Body
У специфікації HTML5 body належить до необов'язкових елементів. Незважаючи на це, його продовжують використовувати з двох причин:
- зручний поділ користувальницької та технічної інформації;
- корисність тега під час створення стилів у CSS-файлі.
У html-документі завжди лише один body – це аксіома. При цьому тег, що відкриває і закриває, не обов'язкові.
Ви вирішуєте, куди вставити тег body? Дотримуйтесь головного правила - розміщувати тег відразу після закриття .
Мітки Body
Тег body може мати різні атрибути. Деякі їх слід використовувати з обережністю через протиріччя зі специфікацією html. Розглянемо детальніше, які параметри може мати тег body:
- bgcolor для визначення фонового кольору сторінки;
- text, визначає колір тексту на сторінці;
- alink, колір активного посилання;
- vlink, встановлює колір відвідуваних посилань;
- scroll, якщо потрібно відобразити смугу прокручування.
Також у тезі можна розміщувати універсальні атрибути та події. Тому не варто дивуватися, побачивши там class, dir, style, onload, onreset чи інші.
При цьому не слід забувати, що в не можна використовувати метатеги, оскільки це зробить код недійсним і може порушити розмітку веб-сторінки. Розміщення неправильних атрибутів може призвести до того, що користувачі не зможуть відкрити веб-ресурс. Тому вони підуть шукати в мережу відповідь на питання "як відкрити сайт, що не відкривається", навіть не підозрюючи, що проблема не з їхнього боку.
Щоб подібних казусів не траплялося, верстальникам та кодерам html-сторінок варто бути уважними. І, зрозуміло, мати актуальні знання. З останнім допоможе комп'ютерна школа Hillel. Вони мають профільні курси, які ведуть ментори з величезним досвідом роботи. Під час навчання ви на практиці неодноразово закріпите всі отримані знання, що набагато ефективніше.
За матеріалами: https://itwiki.dev/ru/