Linking documents with Web Designing

The <link> tag is used to define a relationship between the current document and another external document. It is always placed in the header (<head>) of the document. There can be multiple <link> tags in a document. The most important attributes are href, which points to the linked file, and rel, which describes the relationship from the source document to the target document. The rev attribute describes the reverse relationship (from the target back to the source).

A variety of attributes make the <link> tag very versatile, but it is not currently used to its full potential. The most popular application of the <link> tag is for referring to an external style sheet. In this example, the type attribute identifies the MIME content type of the linked document as a cascading style sheet:

<HEAD><LINK HREF="wholesite.css" REL="stylesheet" TYPE="text/css"></HEAD>

Another use as recommended in the HTML 4.01 specification is to refer to an alternate version of the document in another language. The following example creates a link to a French version of the document:

<HEAD><LINK REL="alternate" HREF="translations/french.html" TYPE="text/html" HREFLANG="fr"></HEAD>

By using the next and prev values for the rel attribute, you can establish the document's position in a sequence of documents, as shown in the following example. This information could be used by browsers and other tools to build navigation menus, tables of contents, or other link collections.

<HEAD><TITLE>Chapter: Creating Links</TITLE><LINK REL="prev" HREF="chapter10.html"><LINK REL="next" HREF="chapter12.html"></HEAD>

Table lists the accepted values for the rel and rev attributes and their uses. These attributes and values can be used in the <a> tag as well as the <link> tag to define relationships for a specific link. Again, these features are not widely used, nor are they well supported by browsers, but they may grow in popularity.

Table: Link types using the REL attribute

Link types using the REL attribute

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd Protection Status

Web Designing Topics