HTML5-超链接

Posted 2022-11-16 wellsblog

一、超链接

<a href="http://baidu.com/" target="_blank">百度</a>

　　href属性是必须的，用来指定超链接跳转的外部链接地址。

　　target属性不是必须的，是告诉浏览器希望将所链接的外部网站在哪里打开，

　　　　_self（默认值，表示在当前页面打开链接），

　　　　_blank（比较常用，表示在新窗口或标签页钟中打开链接），

　　　　_parent（是基于frameset框架页面的，表示在父窗口打开链接），

　　　　_top（同样基于frameset框架页面，表示在整个窗口打开链接），

在html5中，框架基本被废弃，只能使用<iframe></iframe>元素，且以后将大量结合javascript和php使用。

<a></a>元素也可用来将同一文档中的另一元素移入视野，可通过属性id或name实现锚点定位。例：

<a href="#1">第一章</a><a href="#2">第二章</a><a href="#3">第三章</a>

<br><br><br><br><br><br><br><br>

<a id="1"></a>第一章

<br><br><br><br><br><br><br><br>

<a name="2"></a>第二章 

<br><br><br><br><br><br><br><br>

<a name="3"></a>第三章

二、相对路径和绝对路径

1.相对路径

<a href="index.html">index</a>

相对路径是相对于当前文档而言的同一文件夹下的另一个文档，条件是两个文档必须在同一个磁盘下的同一目录下的同一个文件夹内；

如果在同一主目录下，有多个子目录层次，就需要使用目录结构语法。

2.绝对路径

<a href="file:///D:备课/HTML5/code/index2.html">index2</a>

绝对路径就是直接以file:///开头的完整路径，首先是file:///开头，后是磁盘符，然后一个个的目录结构，最后是相应的文档。

这种方式最致命的问题是，当整个目录移动到其它磁盘或电脑时，目录结构一旦出现任何变化，链接当即失效。

3.目录语法

同一目录：index2.html 或 ./index2.html;

在子目录; ***/index2.html;

在孙子目录：***/***/index2.html;

在父目录： ../index2.html;

在爷爷目录：../../index2.html;