Scr в html это

HTML Tag

The tag is used to embed a client-side script (JavaScript).

The element either contains scripting statements, or it points to an external script file through the src attribute.

Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.

Tips and Notes

Tip: If you want to learn more about JavaScript, visit our JavaScript Tutorial.

Browser Support

Attributes

Attribute Value Description
async async Specifies that the script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes) (only for external scripts)
crossorigin anonymous
use-credentials
Sets the mode of the request to an HTTP CORS Request
defer defer Specifies that the script is downloaded in parallel to parsing the page, and executed after the page has finished parsing (only for external scripts)
integrity filehash Allows a browser to check the fetched script to ensure that the code is never loaded if the source has been manipulated
nomodule True
False
Specifies that the script should not be executed in browsers supporting ES2015 modules
referrerpolicy no-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
same-origin
strict-origin
strict-origin-when-cross-origin
unsafe-url
Specifies which referrer information to send when fetching a script
src URL Specifies the URL of an external script file
type scripttype Specifies the media type of the script

Differences Between HTML and XHTML

In XHTML, the content inside scripts is declared as #PCDATA (instead of CDATA), which means that entities will be parsed.

This means that in XHTML, all special characters should be encoded, or all content should be wrapped inside a CDATA section:

Источник

: элемент для написания скриптов

HTML Элемент используется для встраивания или подключения исполняемого JavaScript кода. Элемент также может использоваться с другими языками, такими как GLSL (en-US) от WebGL.

Content categories Метаданные, Потоковый контент, Фразовый контент.
Допустимый контент Динамический скрипт, используя атрибут text/javascript .
Пропуск тегов Нет. Открывающий и закрывающий теги обязательны
Допустимые родители Любые элементы в которых разрешены метаданные или фразовый контент
Допустимые ARIA-роли нет
DOM-интерфейс HTMLScriptElement

Атрибуты

Это логический атрибут, указывающий браузеру, если возможно, загружать скрипт, указанный в атрибуте src , асинхронно.

Предупреждение: Атрибут async не будет оказывать никакого эффекта, если атрибут src отсутствует. Обычно браузеры загружают синхронно, (т.е. async=»false» ) во время разбора документа. Динамически вставленный (используя, например, document.createElement ) по умолчанию загружаются браузером асинхронно, поэтому для включения синхронной загрузки (т.е. когда скрипты загружаются в порядке их вставки) укажите async=»false» .

Читайте также:  Unique page title - My Site

Обычные элементы тега script передают мало информации в window.onerror для скриптов, которые не проходят проверку CORS (en-US) . Чтобы разрешить ведение журнала ошибок сайта, которые используют отдельный домен для статических файлов (например, изображение, видео-файл, CSS-стили или Javascript-код), используйте атрибут crossorigin . Посмотрите статью «настройки атрибутов CORS» для более наглядного объяснения его допустимых аргументов.

Это логический атрибут, указывающий браузеру, что скрипт должен выполняться после разбора документа, но до события DOMContentLoaded (en-US) . Скрипты с атрибутом defer будут предотвращать запуск события DOMContentLoaded (en-US) до тех пор, пока скрипт не загрузится полностью и не завершится его инициализация.

Предупреждение: Атрибут defer не будет оказывать никакого эффекта, если атрибут src отсутствует. Чтобы достигнуть такого же эффекта для динамически вставленных скриптов используйте async=false . Скрипты с атрибутом defer будут выполняться в том порядке, в котором они появились при разборе документа.

Этот атрибут содержит встроенные метаданные, которые агент пользователя (браузер) может использовать для проверки того, что выбранный ресурс был доставлен без непредвиденных манипуляций. Смотрите Целостность субресурса (en-US) .

Булевый атрибут, который устанавливается для того, чтобы скрипт не выполнялся в браузерах, поддерживающих ES6-модули (англ.). Таким образом, может быть использован для предоставления резервных сценариев в старых браузерах, которые не поддерживают модульный код JavaScript.

Криптографический одноразовый номер (номер, используемый один раз) для внесения встроенных скриптов в белый список в script-src Content-Security-Policy (en-US) . Сервер должен генерировать уникальное одноразовое значение каждый раз, когда он передает политику. Крайне важно предоставить одноразовый номер, который нельзя угадать, поскольку в противном случае обход политики ресурса является тривиальным.

Определяет URI внешнего скрипта; является альтернативой встраиванию скрипта непосредственно в документ.

Предупреждение: Если у элемента script будет указан атрибут src , то он не должен иметь встроенный скрипт между тегами.

Как и атрибут textContent , этот атрибут задает текстовое содержимое элемента. Однако, в отличие от атрибута textContent , этот атрибут оценивается как исполняемый код после того, как узел вставлен в DOM.

Этот атрибут указывает тип представленного скрипта. Значение этого атрибута будет находиться в одной из следующих категорий:

  • Атрибут не установлен (по-умолчанию), пустая строка или установлен как MIME-тип JavaScript
    • : Обозначает, что скрипт является «классическим скриптом», содержащим JavaScript-код. Рекомендуется не указывать MIME-тип, а пропускать атрибут вообще. MIME-типы JavaScript указаны в спецификации.
    • : Данное значение даёт браузеру инструкцию, что код является JavaScript-модулем. Обработка содержимого скрипта отложенная. Атрибуты charset и defer игнорируются. Для дополнительной информации по использованию module , смотрите руководство по JavaScript-модулям. В отличие от классчических скриптов, модули требуют использования CORS-протокола для cross-origin загрузок.
    • : Данное значение сигнализирует о том, что содержимое тега является словарём импортов. Словарь импортов — это JSON-объект, который может использоваться для задания алиасов при импорте JavaScript-модулей.

    Устаревшие атрибуты

    Если присутствует, его значение должно соответствовать «utf-8» без учета регистра ASCII. И в том, и в другом случае нет необходимости указывать атрибут charset, поскольку документы должны использовать UTF-8, а элемент script наследует свою кодировку символов от документа.

    Как и атрибут type , этот атрибут определяет используемый язык сценариев. Однако, в отличие от type , возможные значения language никогда не были стандартизированы. Вместо него следует использовать атрибут type .

    Примечания

    Элемент без указания атрибутов async , defer или type=»module» , а также встроенный скрипт, загружается и выполняется сразу, до того как браузер продолжит разбор документа.

    Для обработки скрипт должен иметь тип данных text/javascript , но браузеры снисходительны и блокируют обработку только в том случае, если скрипт представляет данные одного из типов: изображение ( image/* ); видео ( video/* ); аудио ( audio/* ); или text/csv . Если скрипт заблокирован, элементу отправляется событие error (en-US) , если не было отправлено событие load (en-US) .

    Примеры

    Основное использование

    Эти примеры показывают как импортировать скрипт используя элемент в HTML4 и HTML5.

    script type="text/javascript" src="javascript.js"> script> script src="javascript.js"> script> 

    Фолбэк-модуль

    Браузеры, поддерживающие использование значения module для атрибута type , игнорируют любые скрипты с атрибутом nomodule . Это разрешает использовать модульные скрипты, и в тот же самый момент позволяет использовать nomodule- скрипты для браузеров без поддержки модульных скриптов.

    script type="module" src="main.mjs"> script> script nomodule src="fallback.js"> script> 

    Спецификации

    Совместимость с браузерами

    BCD tables only load in the browser

    Смотрите также

    Found a content problem with this page?

    This page was last modified on 21 июн. 2023 г. by MDN contributors.

    Your blueprint for a better internet.

    MDN

    Support

    Our communities

    Developers

    Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
    Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

    Источник

    HTML Атрибут src

    Атрибут src (от англ. «source» — «источник») указывает местоположение (URL) внешнего ресурса (изображения, файла или страницы) на который ссылается тег.

    Синтаксис

    Значения

    Значением выступает URL-адрес документа — относительный или абсолютный.

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

    Применяется к тегам

    Отличия HTML 4.01 от HTML 5

    Примеры использования:

    Атрибут src (Элемент )

    В примере определяется файл в формате OGG. Данный код будет успешно работать в браузерах Firefox, Chrome и Opera. Чтобы аудиофайл воспроизводился в браузерах Internet Explorer и Safari, он должен быть в формате MP3:

    Пример HTML:

      

    Атрибут src (Элемент )

    Чтобы код работал во всех браузерах, используйте тег внутри тега . Элемент позволяет ссылаться на несколько аудиофайлов. В этом случае браузер будет использовать первый подходящий аудиофайл:

    Пример HTML:

      

    Атрибут src (Элемент )

    Браузер анализирует расширение файла и решает по нему, какой плагин или внешняя программа требуется для отображения файла:

    Пример HTML:

    Атрибут src (Элемент )

    Атрибут src указывает адрес файла, который будет загружаться во фрейм. Это может быть HTML-документ, изображение или серверная программа. Допустимо использовать не только путь к файлу, но также имя функции JavaScript, которое возвращает значение.

    Пример HTML:

    Атрибут src (Элемент )

    Атрибут src определяет местонахождение (URL) изображения.
    Во время загрузки страницы браузер также загружает изображения и вставляет их в код страницы. Если по указанному URL изображение не будет найдено, то браузер вставит на его место иконку «битой» или недостоверной ссылки.

    Пример HTML:

    Атрибут src (Элемент )

    Атрибут src определяет местонахождение (URL) изображения для элемента ввода.
    Атрибут src является обязательным для и может использоваться только с .

    Пример HTML:

    Атрибут src (Элемент )

    Атрибут src определяет местонахождение (URL) внешнего файла скрипта.
    Файлы со скриптами обычно имеют расширение .js и могут размещаться в любом доступном месте.
    Преимуществ использования внешних файлов со скриптом несколько. Внешний файл после первого обращения сохраняется в кэше браузера и при последующих вызовах загружается быстрее. Кроме того, вызываемые функции удобно править в одном месте и код проще контролировать. Это особенно актуально, когда несколько веб-страниц используют одни и те же скрипты.

    Пример HTML:

    Атрибут src (Элемент )

    Атрибут src является обязательным для элемента . Он определяет местонахождение (URL) текстовой дорожки для медиафайла.

    Пример HTML:

    Атрибут src (Элемент )

    Атрибут src указывает путь к воспроизводимому видеоролику. Для этой же цели можно использовать элемент .

    Пример HTML:

      

    Поддержка браузерами

    Атрибут src имеет следующую поддержку браузерами для каждого элемента:

    Элемент
    9+ 3+ 10.5+ Да+ 3.1+ 3.5+
    3+ 1+ 3.5+ 1+ 1+ 1+
    4+ 1+ 4+ 1+ 1+ 1+
    1+ 1+ 1+ 1+ 1+ 1+
    2+ 1+ 1+ 1+ 1+ 1+
    3+ 1+ 3.5+ 1+ 1+ 1+
    9+ 8+ 10.5+ Да 4+ 3.5+
    10+ 18+ 10.5+ Да 4+ 31+
    9+ 4+ 11.5+ Да+ 4+ 3.5+
    Элемент
    2.3+ 3.5+ 11+ 3.2+
    1+ 1+ 6+ 1+
    1+ 1+ 6+ 1+
    1+ 1+ 4+ 1+
    1+ 1+ 6+ 1+
    1+ 1+ 6+ 1+
    2+ 3.5+ 11+ 4+
    2+ 3.5+ 11+ 4+
    2.1+ 3.5+ 12+ 3.2+

    Спецификации

    Источник

    HTML src Attribute

    The src attribute specifies the location (URL) of the external resource.

    Applies to

    The src attribute can be used on the following elements:

    Examples

    Audio Example

    Embed Example

    An embedded flash animation:

    Iframe Example

    Img Example

    An image is marked up as follows:

    Input Example

    An HTML form with an image that represents the submit button:

    Script Example

    Point to an external JavaScript file:

    Source Example

    An audio player with two source files. The browser should choose which file (if any) it has support for:

    Track Example

    A video with two subtitle tracks:

    Video Example

    Browser Support

    The src attribute has the following browser support for each element:

    Element
    audio 4.0 9.0 3.5 4.0 10.5
    embed Yes Yes Yes Yes Yes
    iframe Yes Yes Yes Yes Yes
    img Yes Yes Yes Yes Yes
    input 1.0 2.0 1.0 1.0 1.0
    script Yes Yes Yes Yes Yes
    source 4.0 9.0 3.5 4.0 10.5
    track 18.0 10.0 31.0 6.0 15.0
    video 4.0 9.0 3.5 4.0 10.5

    Источник

Оцените статью