程默的博客 » link http://blog.chacuo.net web原理、web架构、web安全、web性能、服务器性能、服务器架构、服务器安全;你不能预知明天，但你可以利用今天。你不能样样顺利，但你可以事事尽力! Mon, 31 Aug 2020 15:33:40 +0000 zh-CN hourly 1 http://wordpress.org/?v=3.5.1 HTML Link标签 文档资源、导航、SEO 介绍 http://blog.chacuo.net/339.html http://blog.chacuo.net/339.html#comments Mon, 15 Jul 2013 08:12:59 +0000 程默 http://blog.chacuo.net/?p=339 定义和用法

head头标签里面，有另一个不起眼的标签。那就是：Link标签。<link> 标签的作用是定义文档与外部资源的关系，最常用的是链接样式表。





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




以上是链接样式表，这是常用的方法。其实它还可以做文件导航、以及seo方面都可以有用途。我们继续往下吧！




Link属性介绍








属性
值
描述






rel
alternate
appendix
bookmark
chapter
contents
copyright
glossary
help
home
index
next
prev
section
start
stylesheet
subsection
icon (后来补充)		
定义当前文档与被链接文档之间的关系




rev
alternate
appendix
bookmark
chapter
contents
copyright
glossary
help
home
index
next
prev
section
start
stylesheet
subsection		
定义被链接文档与当前文档之间的关系




href
URL地址
定义被链接文档的位置




type
定义媒体类型 MIME_TYPE
指定被链接文档的 MIME 类型




media
screen
tty
tv
projection
handheld
print
braille
aural
all		
规定被链接文档将显示在什么设备上




charset
字符编码如：utf-8,gb213等
指定被链接文档的字符编码方式




hreflang
语言2字代码 language_code
指定被链接文档中文本的语言








其它标准属性：




1、核心属性 (id,class,style,title)  分别是id号，样式名称，单行样式，title描述


2、语言属性(dir,lang,xml:lang)  分别是 文本方向、语言


3、键盘属性(accesskey,tabindex) 分别是 快捷键、tab建索引


以上属性也具有!




 


SEO相关的使用属性


1、canonical属性值


当一个站点，有几个内容一致的页面（相同内容，有多个url地址），这样页面多的出现、会因为大量重复内容出现，被搜索引擎降权！因此，我们可以利用该属性指定页面出处！


如：http://blog.chacuo.net/332.html    http://blog.chacuo.net/?p=332


两个是同一个内容，那么我在http://blog.chacuo.net/?p=332 加入：<link rel=’canonical’ href=’http://blog.chacuo.net/332.html’ />
告诉，搜索引擎，这个页面与322.html一致，以322.html为准，不要收录p=322页面。


2、next,prev,home等属性值，带连接的导航作用


例如：当前页是332.html，里面有：


<link rel=’prev’   href=’http://blog.chacuo.net/331.html’ />  <link rel=’next’   href=’http://blog.chacuo.net/333.html’ />它相关的上一个页面是331.html，下一个页面是333.html。不过，目前搜索引擎对这些支持不是很好！基本作用不大！


小结：


link，rel属性有多种，现在也有新的扩展，例如wordpress中，我们可以看到：EditURI,wlwmanifest属性。我们也可以自己定义新的属性，不过已经确定了名称属性。它的作用已经固定，我们得遵守它的本意！

]]>
			http://blog.chacuo.net/339.html/feed
		0