前端开发学习笔记–HTML 超链接

发布于 2018-03-28  291 次阅读


<a>元素表示超链接文本,属于文本元素,以下是该元素的属性,其中<href>和<target>属性最为常用:

属性名称 说明
href 指定 a 元素所指资源的 URL
hreflang 指向的链接资源所使用的语言
rel 说明文档与所链接资源的关系类型
target 指定用以打开所链接资源的浏览环境
type 说明所链接资源的类型(比如 text/html)

 

1:<href>属性表示指定<a>元素所值资源的 url,是必需属性,反之<a>元素则为空;属性值是 http://开头的 url,意味着点击跳转到指定的外部网站。

例:

<a href="https://www.itwordsweb.com/">小白鼠</a>

2:<target>属性告诉浏览器希望将所链接的资源显示在某个地方,其属性值有以下几种:

⑴:_blank:表在新窗口或标签页中打开文档;

⑵:_self:表在当前窗口打开文档(默认值)

⑶:_parent:表在父窗框组(frameset)中打开文档;

⑷:_top:表在顶层窗口打开文档

⑶,⑷是基于框架页面的,基本被废弃,只能使用<iframe>元素

例:

<a href="https://www.itwordsweb.com/" target="_blank">小白鼠</a>

路径:可分为相对路径和绝对路径

绝对路径即直接从 file:///磁盘符开始的完整路径

例:

<a href="file:///D:/data/Desktop/html/超链接.html">超链接</a>

一、file:///开头;二、是磁盘符;三、是一个个的目录层次,找到相应文件。当整个目录转移到另外的盘符或其他电脑时,目录结构一旦出现任何变化,链接当即失效。需重新输入路径

相对路径即相对于链接页面而言的另一个页面的路径

例:

<a href="超链接.html">超链接</a>

文件须都在一个磁盘或目录下,如果是在同一个目录下,属性值即被链接的文件名.后缀名。如果在同一个主目录下,有多个子目录层次,那就需要使用目录结构语法。

目录语法:
同一个目录:超链接.html 或./超链接.html;
在下一个目录:xxx/超链接.html;
在下下个目录:xxx/xxx/超链接.html;
在上一个目录:../超链接.html;
在上上个目录:../../超链接.html;