link, display in browser
Browser display, link element
- link element it's a void element (has no content): nothing to display in browser
- the linked resource: might, e.g.
- a linked icon: displays in Browser tab
- a linked style sheet: the CSS rules apply to HTML elements which display in Browser's window
- a linked html page, indicating it's the 'next' page, does not display in Browser; it's just a useful information for user agents
Display: none
Video demonstration link element, view in browser
HTML5 link, browser display, Tutorial
| min | video details |
|---|---|
| 00:07 | link element is present |
| 00:13 | since link element has no content, being a void element, there's nothing to display in browser |
| 00:19 | TESTING a LINKED RESOURCE (1) |
| 00:19 | linking an icon to our html page |
| 00:47 | refreshing the page |
| 00:47 | the linked resource displayed in browser tab |
| 00:54 | TESTING a LINKED RESOURCE (2) |
| 00:54 | linking a cascading style sheet to the page |
| 01:18 | the css rules defined inside the main.css file (the linked resource) applied to index.php tags and displayed in browser window |
| 01:20 | note: page background-color is now purple blue |
| 01:25 | TESTING a LINKED RESOURCE (3) |
| 01:25 | linking an html file, which represents the next file for the current document |
| 01:42 | the linked resource (page2.php) did not display in browser, the link tag holds information useful and visible for user agents only |
| 01:50 | Conclusion: some linked resources display in browser (tab, window) and some others don't |