Необходимо ли указывать type='javascript' в теге <script> HTML5

Быстрый ответ

В HTML5 атрибут type для JavaScript в теге <script> указывать необязательно, поскольку по умолчанию он считается равным "text/javascript". Сегодня общепринят следующий формат написания этого тега:

<script>
  // Ваши JavaScript-инструкции
</script>

Такой подход соответствует современным стандартам веб-разработки.

Эволюция веб-стандартов

С развитием веб-технологий необходимость указания type="text/javascript" отпала, так как JavaScript утвердился в качестве основного языка разработки для веба.

Поведение браузеров: протокол исполнения скриптов

Все передовые браузеры исполняют скрипты, предполагая, что языком по умолчанию является JavaScript. Таким образом, если MIME-тип явно не указан, то указание type="text/javascript" становится избыточным.

Подробнее об этом расскажет наш спикер на видео

Кодировка символов: актуально ли это?

Современная практика предполагает, что код скриптов представляется в кодировке UTF-8, что соответствует основной тенденции использования этой кодировки для веб-сайтов. В связи с этим, объявление кодировки символов в скриптах стало нерелевантным.

Когда атрибут type все еще может быть актуален

В определённых ситуациях использование type может быть оправданным, особенно когда мы говорим о устаревших системах или специфических условиях работы приложений. Однако, в большинстве современных веб-проектов его можно безболезненно опустить.

Визуализация

Сейчас восприятие тега <script> для JavaScript можно сравнить с ожиданием рассвета:

📦 – Без type="javascript"
📦 – С type="javascript"

Современные браузеры одинаково эффективно интерпретируют скрипты, независимо от указания типа:

На пристани Современного Браузера
📦🔍 -> JavaScript идентифицирован, работа продолжается!

Как видите, всё работает наиболее эффективно.

👷‍♂️ Разработчик: "Подготовлен пакет JS!"
🌐 Браузер: "Благодарю, указание типа не требуется, всё понятно!"

Лучшие практики для элементов script

Подключение внешних скриптов

Для подключения внешних скриптов достаточно использовать атрибут src и опустить type:

<script src="path/to/your-script.js"></script>

Это также просто, как заказать пиццу без необходимости уточнения, что в неё должен быть добавлен соус и начинка.

Встраивание скриптов

Для встроенных скриптов рекомендуется следующая практика:

<script>
  // JavaScript идет здесь
</script>

Напоминаем: основной принцип здесь – минимализм и чистота кода.

Специальные типы скриптов для конкретных ситуаций

В редких случаях, когда требуется поддержка нестандартных типов скриптов, например, "text/babel" или "module", следует указывать атрибут type для корректного функционирования.

Полезные материалы

1. HTML Стандарт — официальная спецификация для элемента <script>.
2. <script>: Элемент Script – HTML: HyperText Markup Language | MDN — подробное руководство по использованию тега <script> в HTML5.
3. HTML тег <script> — полезный ресурс с теорией и примерами использования тега <script> в HTML.
4. RFC 4329 – Типы медиа для скриптов — документ, описывающий медиа типы для JavaScript.
5. Can I use... Таблицы поддержки для HTML5, CSS3, etc. — таблицы совместимости для проверки поддержки тега <script> в различных браузерах.