Найти тему
<!Веселый HTML>

Подключение сторонних файлов в документ HTML

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

Структура файлов
Структура файлов

Чтобы не нагромождать документ и не писать в тэге <head> тэги <style> и <script>, придумали способ подключения стилей и скриптов при помощи url-адреса. Такие адреса бывают относительными и абсолютными. Абсолютные адреса - это ссылки на интернет ресурсы. А относительные - это расположение файла в папке относительно HTML-документа.

Типы адресов
Типы адресов

В первом случае подгружаем JavaScript-файл. О них я позже расскажу, но только после вашей подписки на канал. А вы что думали, халявное что ли все? :) Так вот, в первом случае используется адрес сайта, с которого берется скрипт. Так лучше не делать, потому что упадет сайт - упадет и ваш скрипт. Но если имеете дело с гуглом или другим надежным сервером, то можете без проблем пользоваться. Во втором случае с помощью атрибута ХРЕФ подключается файл из папки, в которой лежит ваш HTML-документ.

Это пока не обращайте внимание, это чуть позже
Это пока не обращайте внимание, это чуть позже

А в первом случае используется атрибут СРЦ от английского "source". Только не подумайте опять о контр-страйке! :) Во втором случае также надо указывать, что подгружаются именно таблицы стилей rel="stylesheets". Что обозначает эта строчка, я думаю, сами догадаетесь. Как и в первом случае language="javacript" - тип языка программирования. Хотя, JavaScript - такой себе язык программирования. Если уж его так и называть, то он самый легких представитель таких зверей.

На сегодня все, дальше ждите еще вкусной инфы!