Тег <script>
використовується для вставки скриптів (сценаріїв) у html-документ.
Сам скрипт може розташовуватися як у html-документі (всередині тегів head
або body
), так і в зовнішньому файлі, такий підхід дозволяє використовувати одні і ті ж загальні функції на багатьох веб-сторінках і прискорює їх завантаження, тому що зовнішній файл кешуєтся при першому завантаженні і скрипт виконується швидше при наступних викликах.
Скрипти, які повинні виконуватися в першу чергу, звичайно поміщають в заголовок документа.
Елемент <script>
в собі містить скрипт, або, за допомогою атрибута src
, вказує на зовнішній файл зі сценаріями.

Нотатка: |
Якщо атрибут "src" присутній, елемент <script> повинен бути порожнім. |
Порада: |
Також зверніть увагу на елемент <noscript> для користувачів, у яких скрипти підтримуються з обмеженими можливостями, або мають браузер, який не підтримує скрипти на стороні клієнта. |
Нотатка: |
Скрипт виконується: |
- Якщо async="async": Сценарій виконується асинхронно з іншої частини сторінки (сценарій буде виконуватися, поки сторінка продовжує завантажуватись)
- Якщо async="async" не вказано, але вказано defer="defer": Скрипт виконується, після повного завантаження сторінки.
- Якщо async та defer не вказані: Сценарій витягується і виконується відразу, до того, як браузер повністю завантажить сторінку
Нотатка: |
Тег <script> може розташовуватися в заголовку або тілі HTML-документа в необмеженій кількості. |
Нотатка: |
Розміщення скрипта в зовнішньому файлі має перевагу в тому випадку, якщо до одного й того ж скрипта звертаються кілька html-документів. До того ж зовнішній файл кешуюється браузером, що в цілому прискорює загальну роботу сайту. |
Синтакс
<script type="...">...</script>
Приклади
Найпростіший приклад використання HTML тега <script>