HTML DOM rel 属性

定义和用法

The rel property sets or returns the relationship between the current document and the target URL.

The rel and rev properties work together. Those two properties are used by search engines to provide a linked navigation menu.

语法

  1. linkObject.rel=relationship

The rel property can have one of the following values:

Value Description
appendix Link to the appendix page of the document
alternate Link to an alternative source of the document
bookmark Link to a bookmark
chapter Link to a chapter
contents Link to the table of contents of the document
copyright Link to copyright or the policy of the document
glossary Link to the glossary page of the document
index Link to the index page of the document
next Link to the next page
prev Link to the previous page
section Link to a section in a list of documents
start Link to the first page (used by search engines to show the first page)
stylesheet Link to the style sheet of the document.
subsection Link to a sub-section in a list of current documents

实例

The following example returns the relationship between the current document and the target URL:

  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css"
  4. id="style1" href="try_dom_link.css" />
  5. </head>
  6. <body>
  7.  
  8. <script type="text/javascript">
  9. x=document.getElementById("style1");
  10. document.write("Relationship: " + x.rel);
  11. </script>
  12.  
  13. </body>
  14. </html>