link hyperlink vs external resource link
Link element can create
- hyperlinks: resources to which web users need to navigate,
- external resource links: resources imported into the current page, augmenting it
Examples
- 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 hyperlink page2.php is not imported into the page that linked it and involves navigation |