Справочник HTML

Атрибут type

Значение
importmap 89 89 76 16.4 108
module 79 63 50 11.1 67
text/javascript 4 12 1 4 1 1
Значение
importmap 89 108 63 16.4
module 61 60 45 10.3
text/javascript 4.4 4 12.1 3.2

Атрибут type указывает тип скрипта, который устанавливает элемент <script>: классический скрипт, модуль JavaScript, карта импорта.

Синтаксис

<script type="importmap | module | text/javascript">
…
</script>
Описание Пример
<тип> Указывает тип значения. <размер>
A && B Значения должны выводиться в указанном порядке. <размер> && <цвет>
A | B Указывает, что надо выбрать только одно значение из предложенных (A или B). normal | small-caps
A || B Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке. width || count
[ ] Группирует значения. [ crop || cross ]
* Повторять ноль или больше раз. [,<время>]*
+ Повторять один или больше раз. <число>+
? Указанный тип, слово или группа не является обязательным. inset?
{A, B} Повторять не менее A, но не более B раз. <радиус>{1,4}
# Повторять один или больше раз через запятую. <время>#

Значения

importmap
Элемент содержит карту импорта.
module
Сообщает, что код является модулем JavaScript. Атрибут defer в этом случае не учитывается.
text/javascript
Указывает, что это «классический скрипт» содержащий код на языке JavaScript. Это значение используется по умолчанию и его добавлять не обязательно.

Значение по умолчанию

text/javascript

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Модуль JavaScript</title> <script type="module"> import {sayHello} from 'script/say.js'; document.getElementById('main').innerHTML = sayHello('Иван'); </script> </head> <body> <div id="main"></div> </body> </html>

В данном примере скрипт установлен как модуль. Содержимое файла say.js показано ниже.

export function sayHello(user) {
  return `Привет, ${user}!`;
}