Open In App

HTML <link> crossorigin Attribute

Last Updated : 06 Jun, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

The HTML crossorigin Attribute in <link> element is used to specifying that supports the HTTP CORS request when fetching or loading the stylesheet or icon files from the third-party server.

Syntax:

<link crossorigin="anonymous | use-credentials">

Attribute Values:

  • anonymous: It has a default value. It defines a CORS request will be sent without passing the credentials information.
  • use-credentials: A cross-origin request will be sent with credentials, cookies, and certificate.

Example: Below code demonstrates the use of crossorigin Attribute with the <link> element. 

HTML




<!DOCTYPE html>
<html>
 
<head>
    <link id="linkid" rel="stylesheet"
        type="text/css" href="styles.css"
        sizes="16*16" hreflang="en-us"
        crossorigin="anonymous">
</head>
 
<body style="text-align:center;">
    <h1>GeeksForGeeks</h1>
    <h2>HTML <link>
        crossorigin Attribute
    </h2>
</body>
 
</html>


Output:

Supported Browsers:

  • Google Chrome 25 and above
  • Edge 79 and above
  • Firefox 18.0 and above
  • Opera 15.0 and above

Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads