链接 

 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="width: 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 ...文字省略

 

posted @ 2016-11-12 17:44  奋斗的少年WH  阅读(291)  评论(0)    收藏  举报