链接

 1 链接
 2 
 3 HTML使用超级链接来连接到网络上的其他页面。
 4 
 5 一个简单的链接是由 <a> 标签和 href 属性构成的
 6 
 7 <a href="http://www.baidu.com/">百度</a>
 8 
 9 href 属性
10       -- 绝对路径
11           http:
12                  --HTTP请求
13           https:                           ********************
14                  --加密的HTTP请求
15           mailto:
16                  --打开邮件客户端,准备发送邮件
17           ftp:
18                  --打开FTP服务器
19 
20 示例:绝对路径
21 <a href="http://www.baidu.com/">链接到百度首页</a>
22 <a href="mailto:leizhang5@iflytek.com">打开邮件客户端</a>
23 <a href="https://mail.google.com/">登陆Gmail</a>
24 <a href="ftp://mail.ustc.edu.cn/">登陆科大FTP服务器</a>
25 
26 href 属性
27       --相对路径               ****************
28          ./
29             --本目录     也可以不写
30          ../ 
31             --上一级目录
32          ../../
33             --上一级目录的上一级目录
34           /
35             --根目录
36 
37 target属性(控制链接打开的位置)
38          _blank
39                   新窗口中打开链接
40          _self
41                   当前窗口中打开链接(默认)
42          _parent
43                   父窗口中打开链接
44          _top
45                   最顶层父窗口中打开链接
46          targetname                                  ***************
47                   指定窗口或Frame中打开链接
48 
49 注:当用户第一次选择内容列表中的某个链接时,浏览器将打开一个新的窗口,将它标记为 "view_window",然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接,且这个 "view_window" 仍处于打开状态,浏览器就会再次将选定的文档载入那个窗口,取代刚才的那些文档。(即相当于java中的覆盖或重写的方法,取代原来的页面内容)
50 
51 <a href="http://www.baidu.com" target="page1">在IFRAME中打开百度首页</a>
52 <a href="../character.htm" target="page1">在IFRAME中打开字符实体示例</a>
53 <iframe style=" 600px; height: 300px; border: 1px solid #666;" name="page1">
54 </iframe>                               **********************
55 
56 <a href="#" onclick="javascript:window.open('','mywindow');">打开一个空白的新窗口                   ***********************
57 </a>
58 <a href="test2.htm" target="mywindow">在这个新窗口中打开“test2.htm”</a>
59 
60 ------------------------------------------------------------------------------
61 页面锚点
62 
63 html 锚点 到底是干吗的?                       ******************
64 通俗简单地说,比如一篇很长的文章,你想按分段精确来看,那就可以用到锚点了。
65 
66 代码:
67 <a href="#001">跳到001</a>
68 ...文字省略
69 <a name="001" id="001" ></a>
70 ...文字省略
71 
72 其实锚点只需name就可以可,加id是为了让它兼容性更好.
73 href的值要跟name  i d 一致,前面必须加"#",以上代码在ie6/7,ff中都可以兼容,但在ie8中就不行。
74 因为我们锚点的<a></a>值为空,为不影响美观我们加个空格就行了,
75 
76 
77 如以下代码,就可以兼容ie8
78 <a href="#001">跳到001</a>
79 ...文字省略
80 <a name="001" id="001" > </a>
81 ...文字省略
82 
83 
84 另一问题,想显示某页面(如:123.html)的某锚点内容呢? 
85 
86 代码如下
87 <a href="123.html#001">跳到001</a>
88 ...文字省略
89 <a name="001" id="001" > </a>
90 ...文字省略
原文地址:https://www.cnblogs.com/1020182600HENG/p/6057167.html