当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > ZF HEADLINK相关的HTML link标签 rel 属性

HTML/XHTML教程
你应该知道的CSS的十八个技巧
初学者很好的参考:HTML标签详尽讲解
学习网页标准制作技术之CSS相关基础知识
学习网页标准制作网页之CSS混合布局应用
HTML基础教程:详细学习常用HTML标签的语义
网页设计基础:基本的页面设计元素布局比例
网页制作基础:图像文件的路径知识
html基础系列教程Ⅰ:从p开始,循序渐进
html基础系列教程Ⅱ:丰富段落里的标签
html基础系列教程Ⅲ:用途相似的标签
html基础系列教程Ⅳ:链接与文本标签们
html基础系列教程Ⅴ:美化段落文本Ⅰ
html基础系列教程Ⅵ:美化段落文本Ⅱ
Web标准知识:(X)HTML Strict 下的嵌套规则
Web标准知识:语义与样式无关
Web标准知识:DIV不是万能膏药
web标准知识:当标题不能显示完整的时候
web标准知识:以图换字的几个方法及思路
CSS教程:legend标签设定宽度的技巧
html基础:常用小技巧几例

HTML/XHTML教程 中的 ZF HEADLINK相关的HTML link标签 rel 属性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-06-07   浏览: 468 ::
收藏到网摘: n/a

rel 属性 -- rel属性,描述了当前页面与href所指定文档的关系.

  • rel属性通常出现在a,link标签中
  • 属性值
    • alternate -- 定义交替出现的链接
    • appendix -- 定义文档的附加信息
    • bookmark -- 书签
    • chapter -- 当前文档的章节
    • contents
    • copyright -- 当前文档的版权
    • glossary -- 词汇
    • help -- 链接帮助信息
    • index -- 当前文档的索引
    • next -- 记录文档的下一页.(浏览器可以提前加载此页)
    • nofollow -- 不被用于计算PageRank
    • prev -- 记录文档的上一页.(定义浏览器的后退键)
    • section -- 作为文档的一部分
    • start -- 通知搜索引擎,文档的开始
    • stylesheet -- 定义一个外部加载的样式表
    • subsection -- 作为文档的一小部分
  • rel是relationship的英文缩写. "

 


o 定义两种不同的样式,用户可以通过浏览器选择样式(ie不支持此属性)

   示例

  <link rel="stylesheet" type="text/css" title="blue" href="blue.css" />
  <link rel="alternate stylesheet" type="text/css" title="red" href="red.css" />

 

   FF查看效果:查看-页面风格 。

 

 
o  点亮浏览器RSS订阅图标,如下出现两个选择 

 
  示例 

 <link href="/rss/my" rel="alternate" title="1.我参与的讨论、问答RSS" type="application/rss+xml" />
 <link href="/rss/my" rel="alternate" title="2.我参与的讨论、问答RSS" type="application/rss+xml" />

 

 

 

o Stylesheet -- 定义一个外部加载的样式表

  示例

  <head>
  <link rel="stylesheet" type="text/css" href="style.css" />
  </head>

 

o Start -- 通知搜索引擎,文档的开始

  start next prev 属性值 -- start next prev,全部属于LinkTypes,

  此值通常可以提示浏览器文章的开始,下一篇,上一篇的url
   

  示例

  <link rel="start" type="text/html" href="http://www.xxx.com/xhtml/" />
  <link rel="prev" type="text/html" href="http://www.xx.com/xhtml/alternate/" />
  <link rel="next" type="text/html" href="http://www.xxx.com/xhtml/attribute_rel/" />

 

 列子W3C.ORG 的 head

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
<head profile="http://www.w3.org/2000/08/w3c-synd/#"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
  <meta name="keywords" content="W3C, World Wide Web, Web, WWW, Consortium, computer, access, accessibility, semantic, worldwide, W3, HTML, XML, standard, language, technology, link, CSS, RDF, XSL, Berners-Lee, Berners, Lee, style sheet, cascading, schema, XHTML, mobile, SVG, PNG, PICS, DOM, SMIL, MathML, markup, Amaya, Jigsaw, free, open source, software" />
  <meta name="description" content="The World Wide Web Consortium (W3C) is an international consortium where Member organizations, a full-time staff, and the public work together to develop Web standards. W3C primarily pursues its mission through the creation of Web standards and guidelines designed to ensure long-term growth for the Web. Over 400 organizations are Members of the Consortium. W3C is jointly run by the MIT Computer Science and Artificial Intelligence Laboratory (MIT CSAIL) in the USA, the European Research Consortium for Informatics and Mathematics (ERCIM) headquartered in France, Keio University in Japan, and has additional Offices worldwide." />
  <title>World Wide Web Consortium - Web Standards</title>


  <link rel="meta" href="/Overview-about.rdf" />


  <link rel="stylesheet" type="text/css" href="/StyleSheets/home.css" />


  <link rel="bookmark" href="#technologies" title="Technologies |" />
  <link rel="bookmark" href="#news" title="News |" />
  <link rel="bookmark" href="#search" title="Search |" />
  <link rel="contents" href="#contents" title="Contents |" />
  <link rel="bookmark" href="#Offices" title="Offices |" />
  <link rel="bookmark" href="#systems" title="Systems |" />
  <link rel="bookmark" href="#donors" title="Supporters |" />
  <link rel="bookmark" href="#footnotes" title="Footnotes |" />


  <link rel="alternate" type="application/rss+xml" title="W3C Home Page News RSS Channel" href="http://www.w3.org/2000/08/w3c-synd/home.rss" />
 
  <style type="text/css">
/**/
   div.spot-image img {
      margin-bottom: 20px;
   }
/**/</style>
</head>