The HTML <link> element specifies the connection between the current document and an external resource.
The HTML <link> element is often used to link to external style sheets (CSS).
The HTML <link> tag is an empty element (it contains only attributes).
The HTML <link> element should be placed in the <head> section of the document.
Example:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="example-style.css">
</head>
<body>
<h4>This is a heading.</h4>
<p>This is a paragraph.</p>
<p>This is the second paragraph.</p>
</body>
</html>Output:
Attributes:
crossorigin (value- anonymous/ use-credentials) – defines how the tag handles cross-origin requests.
href (value- URL) – defines the location of the linked file.
hreflang (value- language_code) – defines the language of the text in the linked file.
media (value- media_query) – defines what kind of device the linked file will be displayed.
referrer policy (value- no-referrer/ no-referrer-when-downgrade/ origin/ origin-when-cross-origin/ unsafe-url) – defines which referrer to use when fetching the resource.
rel (required), (value- alternate/ author/ dns-prefetch/ help/ icon/ license/ next/ pingback/ preconnect/ prefetch/ preload/ prerender/ prev/ search/ stylesheet) – defines the connection between the current document and the linked file.
size (value- HeightxWidth/ any) – defines the size of the linked resource. Only for rel=”icon“.
type (value- media_type) – defines the media type of the linked file.
Enjoy coding!
Read also: