a标签的三种功能及其属性的运用

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>a标签</title> </head> <body> <!--a标签三种功能： 1.页面跳转。 2.锚点链接。 3.功能链接。--> <a href="http://book.qidian.com/info/1005401550">页面跳转1</a> <a href="../1/first.html">页面跳转2</a> <a href="#top">返回顶部（锚点链接）</a> <!--返回顶部要在前面设置一个锚点，锚点在哪，页面跳转到哪。跳转到锚点名称为top的位置。--> <a href="mailto://534589850@qq.com">发邮件</a> <a href="tencent://message/?uin=534589850">发消息</a> <!--功能性链接：mailto://534589850@qq.com 给指定的邮箱发邮件。 tencent://message/?uin=534589850 给指定QQ发消息--> <a href="http://book.qidian.com/info/1005401550" title="十盗偷天" target="_blank" rel="next">十盗偷天</a> <!--1.href用来制定超链接要跳转的页面，页面可是本地的页面，也可是非本地的。 2.title控制鼠标放在链接上显示的内同 3.target控制点击连接新页面的打开方式，也就是显示位置， _blank是新的页面打开，_self是在本身的页面打开。 4.rel通过rel来指定两个页面之间的关系，打开页面和当前页面的关系（next prep） 添加该属性可以做到搜索引擎的优化--> <a href="../2/second.html#top">页面跳转1</a> <!--路径加上锚点的名称，跳转到外部页面的同时，也可以指定跳转位置。 方法：路径地址+锚点地址（锚点名称）--> </body> </html>