w3-video.com logo

HTML5 Tutorial

Home HTML5 XAMPP .htaccess Firefox Notepad++

Share it

link hyperlink vs external resource link

Link element can create


  • 1 hyperlink: <link rel="next" href="page2.php">
  • 1 external resource link: <link rel="icon" href="favicon.png">
  • 2 hyperlinks: <link rel="author license" href="about_author_and_license.php">
  • 3 hyperlinks: <link rel="author license next" href="about_author_and_license.php">

Video demonstration link: hyperlink vs. external resource link

HTML5 link: hyperlink vs. external resource link Tutorial

min video details
00:13 this video tutorial presents the difference between a hyperlink and an external resource link
00:18 a link element can create a hyperlink and ⁄ or an external resource link
00:23 <link rel="icon" href="favicon.png">creates an external resource link
00:27 while <link rel="next" href="page2.php"> creates a hyperlink
00:33 <link rel="next" href="page2.php"> in an invisible link = does not display in browser; tells user agents that the next page is "page2.php"
00:36 for example purpose, we created a hyperlink in the body of the page for we to see it, using <a> tag; the hyperlink involves navigation
00:45 instead the next link: <link rel="icon" href="favicon.png"> does not involve navigation; web users do not need to navigate to favicon.png resource; instead this resource is imported into the current page, augmenting it and the browser displays it in the same page that linked it
00:57 quick recap:
external resource link:
favicon.png is imported into the page that linked it

page2.php is not imported into the page that linked it and involves navigation
link intro link optional link browser display link parents link examples & interpretation link syntaxlink href attributelink hreflang attributelink media attributelink rel attributelink type attributelink itemprop attributelink title attribute