Синтаксис

<img crossorigin="...">

<video crossorigin="...">...</video>

<audio crossorigin="..."></audio>

<link crossorigin="...">

<script crossorigin="..."></script>

Описание

Атрибут crossorigin (от англ. cross origin — перекрестное происхождение) определяет, как элемент обрабатывает запросы crossorigin, таким образом, включая конфигурацию запросов CORS на выбранные данные элемента. В зависимости от элемента атрибут может быть атрибутом настроек CORS.

Используется в тегах <img><video>, <audio><link> и <script>.

По умолчанию (то есть, когда атрибут не указан), CORS не используется вообще. "Анонимное" ключевое слово означает, что не будет никакого обмена удостоверениями пользователя через cookie, клиентскими сертификатами SSL или аутентификацией HTTP, если это не будет в том же источнике.

Ключевое слово Описание
anonymous Запросы CORS на этот элемент будут иметь набор флага учетных данных к 'тому-же-источнику'
use-credentials Запросы CORS на этот элемент будут иметь набор флага учетных данных, чтобы 'включать'
"" Установка названия атрибута к пустому значению, как crossorigin или crossorigin="", совпадает с anonymous

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Атрибут crossorigin</title>
    <link rel="manifest" href="/app.webmanifest" crossorigin="use-credentials">
</head>
<body>
   ...
</body>
</html>

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

Атрибут

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

crossorigin Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.