在文档中插入超链接

发表于   |   分类于   |  

链接指向同一页面的其他部分

要在指向的部分加一个书签，或者说锚点（anchor），需要用id属性添加，形式为：

<a id="section1">section1</a>
或者<p id="section1">section1</p>

其中第二种中的p可以换成其他元素，取决于要添加锚点的标记状况，可以是图片，表格，列表等。
而需要点击的地方只能用<a>元素，形式为：

<a href="#section1" title="this is section2,click it to go to section1">section2</a>

锚点是没有＃的只有超链接地址中才加＃
<a>元素中的title属性显示的效果跟<img> 中的title是一样的。
但是其作用其实是跟alt一样的，屏幕阅读器阅读，搜索引擎扫描。

链接指向同一网站的不同页面

同样需要在href属性中给出指向文档的地址，这种地址要根据当前文档的地址确定，即当前文档地址的相对地址。

  1. 如果指向文档跟当前文档在同一文件夹中，则直接给出指向文档的名字index.html；
  2. 如果指向文档在跟当前文档同一级的一个文件夹（folder1）里，则地址应该是folder1/index.html
  3. 如果指向的文档跟当前文档的父文档（folder1‘father）是同一级别，则地址为../index.html

链接指向外部网站

这种情况只需要将地址改为外部网站的绝对地址就行了。
有一点需要注意的就是，如果页面跳转到外部链接会使用户离开你的网站，我们希望用户在我们的网站中停留更长的时间，所以要使这个链接在新的标签页打开，这要用到target属性。

链接有默认的target属性即_self，在当前页面打开
我们要将它设置为_blank，在新标签页打开，所以完整的元素为：
<a href="https://www.example.com" target="_blank" title="this is an external link">yourhome</a>

相对地址和绝对地址的区别:上面第二种情况就是相对地址，不带协议和域名，第三种情况就是绝对地址，带协议和域名。
相对地址要更高效，能用相对地址的就绝不用绝对地址，因为
如果用绝对地址的话，浏览器先要通过DNS找到文件的服务器再找文件，但是相对地址就不需要通过DNS。（应该是针对本地文件，用本地的浏览器浏览本地服务器上的文件）

针对连接的样式表：

<style>
a:link {color:green; background-color:transparent; text-decoration:none}
a:visited {color:pink; background-color:transparent; text-decoration:none}
a:hover {color:red; background-color:transparent; text-decoration:underline}
a:active {color:yellow; background-color:transparent; text-decoration:underline}
</style>

分别是没有任何操作的链接，访问过的链接，鼠标停留在上面的链接和鼠标点击中的链接。