rel src href target 区别

概述

1. rel (relationship):用于定义链接的文件和HTML文档之间的关系。
2. src (source):资源引入,替换元素
3. href (hypertext reference):超文本引用
4. target :规定在何处打开链接文档。

 

rel属性

描述了当前页面与href所指定文档的关系

<link href="base.css" rel="stylesheet">

属性值:

src属性

引用该文件的的绝对路径或相对路径,

<img src="1.jpg" />

属性值

通常是用于替换插入指定元素.例如图片.

 

href属性

超文本引用,用于指定超链接目标的 URL.跳转到指定目标.

<a href="http://www.w3school.com.cn/index.html">W3School 在线教程</a>

属性值

可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。

如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，

或者执行 JavaScript 表达式、方法和函数的列表。

 

target属性

规定在何处打开链接文档

<a href="pref.html" target="view_window">Preface</a>

如果在一个 <a> 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。

如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。

属性值