Тег <script> используется для встраивания ссылки на исполняемый скрипт на стороне клиента (например, JavaScript) в документе HTML или XHTML. Тег <script> может появляться любое количество раз в <head> или <body> документа HTML.

Элемент <script> должен содержать некоторый код или указывать на внешний файл (через атрибут src). Элемент <script> используется для добавления кода, который влияет на интерактивность и поведение веб-страниц.

Тип: Строчный (но также может содержаться в <head>)
Контент: Текст
Открывающий тег: Обязательный
Закрывающий тег: Обязательный
Версия: HTML 4, 4.01, 5

Скрипты на стороне клиента относятся к типу компьютерных программ, которые выполняются на стороне клиента веб-браузером пользователя. JavaScript — самый популярный клиентский язык скриптов в сети.

Синтаксис

Базовый синтаксис тега <script> выглядит следующим образом:

HTML / XHTML: <script type="text/javascript"> ... </script>

Примеры написания кода тега <script>:

<script type="text/javascript">
    document.write("Hello World!");
</script>

Синтаксис (XHTML)

Есть некоторые важные различия в том, как HTML и XHTML работают с контентом внутри скриптов. В HTML тип контента объявлен как CDATA, это означает, что сущности HTML не будут анализироваться. Однако в XHTML тип содержимого объявлен как #PCDATA, что означает, что сущности будут проанализированы.

Чтобы убедиться, что содержимое тега <script> анализируются правильно, когда он включен в документ XHTML, все специальные символы должны быть перекодированы — например, амперсанд (&) должен быть закодирован как &amp;, символ > в &gt; и т.д., или весь контент должен быть заключен в раздел CDATA следующим образом:

<script type="text/javascript">
    // <![CDATA[
        ... Код JavaScript вставляется сюда ...
    // ]]>
</script>
Если указан атрибут src, элемент <script> не должен содержать еще один скрипт внутри тегов.

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <script>:

Атрибут Значение Описание
async async Этот логический атрибут указывает, что сценарий должен выполняться асинхронно, как только он станет доступным. Только для внешних скриптов, это не влияет на встроенные скрипты.
type content-type Определяет язык скрипта. Наиболее распространенным значением является text/javascript, которое указывает язык JavaScript.
charset charset Определяет кодировку символов внешнего файла. Этот атрибут не должен быть указан, если атрибут src отсутствует.
defer defer Этот логический атрибут указывает, что скрипт должен быть выполнен после загрузки документа. Этот атрибут не должен использоваться в скриптах, которые не имеют атрибута src.
src URL Определяет расположение внешнего файла скрипта.
xml:space preserve Указывает, следует ли сохранять пробелы в элементе script.

Глобальные атрибуты

Как и все другие HTML-теги, тег <script> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

Тег <script> так же поддерживает атрибуты событий в HTML5.

Поддержка браузеров

Тег <script> поддерживается во всех основных браузерах.

Обратите внимание на элемент <noscript>, который предоставляет альтернативный контент для пользователей, у которых либо отключены скрипты в браузере, либо браузер не поддерживает скрипты на стороне клиента.

Читайте также

Похожие посты

HTML-тег <header>

Определяет заголовок документа или раздела

HTML-тег <base>

Определяет базовый URL для всех связанных объектов на странице

HTML-тег <legend>

Определяет заголовок для элемента <fieldset>

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.