Link Tag in HTML

The <link> tag is an HTML element used to link external resources, such as stylesheets, to an HTML document. The <link> tag should be placed in the <head> section of an HTML document.

Here is a basic example of the <link> tag:

<head> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
</head> 

The rel attribute specifies the relationship between the linked resource and the HTML document. For a stylesheet, the value should be set to "stylesheet".

The type attribute specifies the type of the linked resource. For a stylesheet, the value should be set to "text/css".

The href attribute specifies the URL of the linked resource.

Additionally, the <link> tag can also be used to link to other resources, such as favicons, using the appropriate rel value. For example, the following <link> tag links to a favicon:

<link rel="icon" type="image/x-icon" href="favicon.ico"> 

It's worth noting that the <link> tag does not have a closing tag, and the </link> tag should not be used.

The <link> tag also supports several other attributes that can be used to provide additional information about the linked resource:

  • media: Specifies the media types for which the linked resource is intended. This attribute can be used to specify stylesheets that are intended for specific devices, such as printers or screens.

  • sizes: Specifies the size of icons for visual media. This attribute is used in conjunction with the rel attribute to specify the size of a favicon.

  • hreflang: Specifies the language of the linked resource. This attribute is useful for linking to resources in different languages.

  • crossorigin: Specifies whether to allow CORS (Cross-Origin Resource Sharing).

  • title: Provides a title for the linked resource. This attribute is used primarily for stylesheets and is displayed in some browsers' user interfaces.

It is important to use the <link> tag correctly in order to ensure that your HTML documents are properly linked to their associated resources and display as intended.

In summary, the <link> tag is an essential part of HTML, used to link external resources, such as stylesheets, to an HTML document. By using the rel, type, and href attributes, along with other optional attributes, you can provide additional information about the linked resource, enabling you to create well-structured and well-designed HTML documents.