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

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

В HTML есть два тега, что позволяют выполнить подключение CSS и JavaScript файлов. В уроке мы с вами изучим работу с тегами: «link» и «script».

Видеоурок

Подключение стилей

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

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

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


Добавление скриптов на сайт

Помимо стилей мы также можем подключать различные скрипты. Они помещаются в теге <script>. В атрибуте src можно указать полный путь к файлу со скриптом или же вы можете прописать JavaScript внутри тега «script». 


Важно также понимать, что некоторые скрипты не всегда нужны при загрузке страницы. По этой причине их загрузку можно отложить на самый конец. Чтобы это сделать необходимо добавить скрипты не вначале кода страницы (не в теге head), а в конце страницы перед закрывающим тегом body. Кстати, такая же схема не подходит для подключения стилей. Они всегда должны находиться в теге head.


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

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


К некоторым основным мета-тегам можно отнести такие: тег с описанием страницы, тег с ключевыми словами, тег с указанием кодировки сайта. 


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

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение препроцессора SASS / SCSS
7 уроков
Современная вёрстка адаптивного веб-сайта
Видеокурс по PHP, MySQL / Создание динамического сайта
Изучение CSS/CSS3 для новичка: от нуля до гуру
10 уроков
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Создание адаптивного сайта
4 урока
Комментарии для сайта Cackle