Для чего используется тэг <script>?
Тэг <script> используется в HTML для встраивания или ссылок на скрипты, чаще всего написанные на языке JavaScript. Этот элемент позволяет добавлять функциональность на веб-страницы, обрабатывая события, манипулируя DOM (Document Object Model), и общаясь с сервером.
Основные атрибуты тега <script>
type="text/javascript" (по умолчанию).Пример использования
Включение JavaScript непосредственно в HTML-документе:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пример тега script</title>
</head>
<body>
<h1>Привет, мир!</h1>
<script>
console.log("Это сообщение из встроенного скрипта!");
alert("Страница загружена!");
</script>
</body>
</html>
В этом примере сценарий выполняется сразу же при его нахождении в HTML-документе и выведет сообщение в консоль и всплывающее окно, когда страница загрузится.
Подключение внешнего файла
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пример подключения внешнего скрипта</title>
<script src="script.js" defer></script>
</head>
<body>
<h1>Привет, мир!</h1>
</body>
</html>
Содержимое файла script.js может выглядеть следующим образом:
console.log("Это сообщение из внешнего скрипта!");
alert("Внешний скрипт загружен!");
Зачем использовать <script>?
Рекомендации
- Используйте атрибуты
asyncиdeferдля улучшения производительности. - Старайтесь держать JavaScript код в отдельных файлах, а не встраивать его напрямую в HTML, для удобства и лучшей организации проекта.
- Проверяйте консоль разработчика на предмет ошибок при выполнении скриптов.
Используя тэг <script>, вы можете сделать свои веб-страницы более интерактивными и функциональными, что существенно улучшит опыт пользователя.