IT学习网(ITxuexi.com) - 打造中国最好的IT学习平台!

IT学习网

ZF HEADLINK相关的HTML link标签 rel 属性

时间:2010-06-07 17:36来源:| 作者:admin 点击:
rel属性--rel属性,描述了当前页面与href所指定文档的关系.rel属性通常出现在a,link标签中属性值alternate--定义交替出现的链接appendix--定义文档的附加信息bookmark--书签chapter--当前文档的章节contents

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" rel="nofollow" target="_blank" href="blue.css" />
  <link rel="alternate stylesheet" type="text/css" title="red" rel="nofollow" target="_blank" href="red.css" />

 

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

 

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

 
  示例 

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

 

 

 

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

  示例

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

 

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

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

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

  示例

  <link rel="start" type="text/html" rel="nofollow" target="_blank" href="http://www.xxx.com/xhtml/" />
  <link rel="prev" type="text/html" rel="nofollow" target="_blank" href="http://www.xx.com/xhtml/alternate/" />
  <link rel="next" type="text/html" rel="nofollow" target="_blank" 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" rel="nofollow" target="_blank" href="/Overview-about.rdf" />


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


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


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

本文来源于:IT学习网 http://www.itxuexi.com/tech/90387.html

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片

友情赞助:DNF外挂 | DNF连发程序