HTML DOM rel Property
 Complete Anchor Object Reference
Definition and Usage
The rel property sets or returns the relationship to a forward link.
The rel and rev properties work together.
The rel (relationship) property specifies a relationship to the
target. The rev (reverse) property specifies a reverse link from the target
document to the current document.
These properties are used by search engines to provide a linked navigation
menu.
Syntax
anchorObject.rel=relationship
|
Both properties can have one of the following
values:
| Value |
Description |
| appendix |
Link to the appendix page of a document |
| alternate |
Link to an alternative source |
| bookmark |
Link to a bookmark. Often used for "permalink" in web blogs |
| chapter |
Link to a chapter from the current documents |
| contents |
Link to the table of contents in the current document |
| copyright |
Link to copyright or policy page of the current document |
| glossary |
Link to glossary page of the document |
| index |
Link to the index page of the current document |
| next |
Link to next page from the current document |
| prev |
Link to the previous page from the current document |
| section |
Link to a section in a list of documents |
| start |
Link to the first page of the current documents. Used by
search engines to show the first page |
| subsection |
Link to a sub-section in a list of current documents.
( Note that a section can have multiple sub-sections) |
Example
The following example returns the relationship of the link:
<html>
<body>
<p><a id="myAnchor" rel="index"
href="http://www.w3schools.com">Visit W3Schools.com</a></p>
<script type="text/javascript">
x=document.getElementById("myAnchor");
document.write(x.rel);
</script>
</body>
</html>
|
Try-It-Yourself Demos
Get the
relationship of a link
Complete Anchor Object Reference
Learn XML with <oXygen/> XML Editor - Free Trial!
 |
|
oXygen helps you learn to define,
edit, validate and transform XML documents. Supported technologies include XML Schema,
DTD, Relax NG, XSLT, XPath, XQuery, CSS.
Understand in no time how XSLT and XQuery work by using the intuitive oXygen debugger!
Do you have any XML related questions? Get free answers from the oXygen
XML forum
and from the video
demonstrations.
Download a FREE 30-day trial today!
|
|
HOME
Printer friendly page
