Довідники HTML5 script

Що таке script в HTML5?

HTML тег <script> служить для підключення різних скриптів на веб-сторінку. Це може бути сторонній файл, який підключається через атрибут src або ж просто JavaScript код, який виконуватиметься на сторінці. Вимагає тег, що закриває </script>.

Такий підхід дуже зручний, оскільки це дозволяє використовувати той самий код на багатьох сторінках веб ресурсу, а також такий код має властивість до кешування. Це означає, що файл буде поміщений у кеш браузера і при подальших переходах на інші сторінки він повторно не буде завантажуватись.

Ви можете використовувати тег <script> безліч разів на сайті, а також не важливо, де ви його використовуватимете: в блоці head або ж в блоці body. Прийнято, що скрипти, які потрібні в першу чергу для відображення сайту, розташовуються в тезі. head, а скрипти, які не впливають на його відображення, але додають функції – наприкінці тега body. Таке позиціонування дозволяє ефективніше завантажувати сам сайт.

Атрибути:
  • src - вказується шлях до файлу (скрипту), який буде завантажено на сайт;
  • async - додає можливість завантажити скрипт асинхронно;
  • type - встановлює тип файлу, що підключається або ж скрипта в ньому, наприклад для javascript: type="text/javascript";
  • language - вказує мову програмування скрипта (вважається застарілим і не можна використовувати);
  • defer - можна відкласти завантаження скрипту доти, доки вся сторінка не буде повністю завантажена.
Приклад:
<html>
	<head>
		<script type="text/javascript" src="/js/very-important.js"></script>
	</head>
	<body>
		
		<script type="text/javascript">
			alert ("Привіт світ!");
		</script>
	</body>
</html>
Коментарі
Додати коментар

Поки що коментарів немає