A segment of text or a graphical item that serves as a cross- reference between parts of a webpage or other hypertext documents or between webpages or other hypertext documents.
Links connect content and sites together on the web. They are critical to the organizational structures and facilities of the web, connecting sites and information. This is what makes World Wide Web a web.
Choose wisely what words or images are going to be a link. Don’t say Click here for a link, instead use a descriptive link that tells the users what they are linking to. A phrase for a link is more beneficial than just one word.
The link to Dictionary.com is an example of a link. There are also jump links that take the viewer to a different location on the same page. These links can be very helpful if a website has a long page with different topics throughout.
There are many different types of links they start with your basic textual link, graphical links and hotspots within the graphical links.
A textual link is a link of just text with an anchor wrapper around it. Here is a link to Google.
Here is <a href="http://www.google.com" title="Link to Google.com.">a link to Google</a>.
Every link has to have a link to the destination website or web page, and a title describing the destination link, especially if the HTML Anchor tag text is different, which is often is on most websites.
The anchor text is defined by the W3C Index as:
An anchor is a piece of text which marks the beginning and/or the end of a hypertext link. The text between the opening tag and the closing tag is either the start or destination (or both) of a link.
href or hyperlink reference is described as:
This attribute specifies the location of a Web resource, thus defining a link between the current element (the source anchor) and the destination anchor defined by this attribute. The text between the anchor tags is going to the words that make up the link.
Graphical links are links that warp around a graphic or image rather than words.
<a href="http://example.com" title="Example Site."> <img src="https://example.com/uploads/sun-graphic.png" /> </a>
The difference is that instead of using text in between the two anchor points you use an image tag. What this does is wraps the image in the anchor making it clickable. The link may be to a web page, a website, a larger version of the image, or other linkable subjects.
For More Information
- <link> – HTML (HyperText Markup Language) | MDN
- What is link? – Definition from WhatIs.com
- Links on a Web Page | AccessAbility
- Links in HTML documents – W3 HTML Guidelines and Specifications
- HTML Tutorial from Tizag – Text Links
- HTML Class: Creating Links to Other Pages – HTML Goodies