На самом деле в системе битрикс подключить файлы js и css в заголовок
можно несколькими способами, каждый из способов имеет свою особенность.<script type="text/javascript" src="/путь/скрипт.js"></script> <link rel="stylesheet" type="text/css" href="/путь/стиль.css" />
Следует заметить, что в этом случае файлы будут постоянно подключаться при использовании данного шаблона. Бывает случаи, когда необходимо подключать скрипты/стили, лишь на некоторых страницах, для этого более подходят способы описанные ниже.
Второй способ — подгружать на определенных страницах сайта, добавив их в файл template.php. Данный способ часто используется в шаблонах компонентов подключаемых в различных участках кода.
<?php
$APPLICATION->AddHeadScript('/путь/скрипт.js');
$APPLICATION->SetAdditionalCSS('/путь/стиль.css');
?>
Обратите внимание, что при указании путей к файлам в шаблоне компонентов удобно пользоваться специальными переменными, которые позволяют получать актуальные значения для шаблона, в данном случае путь до шаблона компонента.
Так же имеется третий способ — более универсальный. Он универсален тем, что позволяет добавить любую строку между тегами
<?php $APPLICATION->AddHeadString('ваш_код',true)?>
Чтобы указать, к примеру, путь к шаблону сайта, предпочтительно воспользоваться специальными константами, которые содержат эти значения. Это избавит вас от лишних заморочек в дальнейшем. Так же следует убедиться что в файле header.php вашего шаблона сайта между тегами head есть вывод заголовков:
<? $APPLICATION->ShowHead(); ?>
