Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like Article

How to specify the relationship between the current document and the target URL in HTML5 ?

  • Last Updated : 07 Apr, 2021

We specify the relationship between the current document and the target URL by using a <link> tag in HTML. A link tag is used to define a link between a document and an external resource. It is used only when href attribute present.

Approach:

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

  • To specify the relationship between the current and the linked document use rel attribute

Attribute Values:

  • alternate: It specifies the alternative link of the document(i.e. print page, translated or mirror).
  • author: It define author of the link
  • dns-prefetch: It Specifies that the browser should preemptively perform DNS resolution for the target resource’s origin
  • help: It specifies a link to a help document. Example: <link rel=”help” href=”/help/”>
  • icon: It specifies import icon in a given document
  • license: It specifies a link to copyright information for the document
  • next: It provide the link of next document in series
  • pingback: It specifies the address of the pingback serve
  • preconnect: It specifies the target should be preemptively to the origin resource
  • prefetch: It specifies that the target document should be cached.
  • preload: It specifies that the browser must preemptively fetch and cache
  • prerender: It specifies that the browser should load
  • prev: It specifies the previous document in a selection
  • search: It specifies the search tool for the document.
  • stylesheet: It Imports a style sheet

Syntax:



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

 Example 1: 

HTML




<!DOCTYPE html>
<html>
<head>    
      
    <link rel="stylesheet"
        type="text/css"
        href="styles.css">
</head>
  
<body>
  
    <h1>GeeksforGeeks</h1>
    <h2>How to specify the relationship between the current document
       and the target URL in HTML5?</h2>
</body>
  
</html>

CSS Code: The following is the content for the code “styles.css” used in the above HTML code.

h1 , h2 
{
   color:green;
   text-align: center;
   font-style: italic;
   font-weight: bold;
}

Output:

link document

Example 2:




<!DOCTYPE html> 
<html
  
<head
    <link rel="stylesheet"
        type="text/css"
        href="index_screen.css"
  
    <link rel="stylesheet"
        type="text/css"
        href="index_print.css"
</head
  
<body
    <center
        <h1>GeeksforGeeks</h1
        <p><a href="https://ide.geeksforgeeks.org/tryit.php"
        target="_blank"
    Click here 
    </a
    </center
</body
  
</html>                    

Output:




My Personal Notes arrow_drop_up
Recommended Articles
Page :