#11 - Теги для підключення файлів

Підключення стилів

HTML тег head існує для створення опису сторінки, а також для підключення стилів та скриптів. Щоб до сторінки підключити CSS стилі потрібно використовувати спеціальний тег link, який додатково не вимагає тега, що закриває, і виглядає наступним чином:

<link href="style.css" rel=stylesheet type="text/css">

В атрибуті href необхідно вказувати повний шлях до файлу CSS. Також необхідно додавати атрибути rel і type для вказівки інформації про те, що конкретно знаходиться в файлі, що підключається. 

Важливо: Атрибут type не є обов'язковим.

Додавання скриптів на сайт

Крім стилів, ми також можемо підключати різні скрипти. Вони містяться у тезі <script>. В атрибуті src можна вказати повний шлях до файлу зі скриптом або ви можете прописати JavaScript всередині тега «script». 

Важливо також розуміти, що деякі скрипти не завжди потрібні для завантаження сторінки. Тому їх завантаження можна відкласти на кінець. Щоб це зробити, необхідно додати скрипти не спочатку коду сторінки (не в тезі head), а в кінці сторінки перед закриваючим тегом body. До речі, така сама схема не підходить для підключення стилів. Вони завжди повинні знаходитись у тезі head.

Опис сайту в meta-тегах

Щоб браузеру було простіше зрозуміти, що знаходиться на сайті, ви можете додати спеціальні мета теги. Значень для цих тегів існує дуже багато, але деякі значення варто знати. Кожен мета-тег не потребує тегу, що закриває.

До деяких основних мета-тегів можна віднести такі: тег із описом сторінки, тег із ключовими словами, тег із зазначенням кодування для тексту.

Також існують інші мета-теги, які можна використовувати для опису сайту, але на ранніх етапах вам цілком вистачить цих тегів, щоб браузер лише розумів про що йдеться на сторінці.