HTML与CSS入门——第八章 使用外部和内部链接

知识点：

　　1.链接锚的使用方法

　　2.在自己的网站上的页面之间链接的方法

　　3.链接到外部内容的方法

　　4.链接到一个E-mail地址的方法

　　5.在新浏览器窗口中查看链接的方法

　　6.用CSS为链接添加样式的方法

8.1 使用Web地址：

　　a标签，href属性对应链接地址---相对路径->相对链接；绝对路径->绝对链接

　　"/"可以用来表示服务器的文档根目录，以此开头的称之为根相对地址

　　".."返回上一级目录

8.2 使用链接锚在页面中链接：

　　a标签名字来源于"anchor"（锚）一词。

　　锚点：需要用id，例<a name="top"></a>

　　对应的链接属性href="#top"就可以链接到该锚点了

　　PS:外部链接也可以链接到其他页面的对应锚点，只需在地址最后面加锚点信息即可。

8.3 在你的Web内容之间链接：

　　PS：如果出问题了，一定是地址写错了！

8.4 链接到外部Web内容：

　　PS：如果出错了，要么地址错了，要么网有问题……

8.5 链接到一个E-mail地址：

　　主要是在href属性上下功夫，案例：

　　mailto:author@somedomain.com?subject=Book Question&body=When is the next edtion coming out?

　　简单的三个元素：收件人，主题，内容　

　　深入的——　

　　Mailto能让访问者便捷向网站管理者发送电子邮件。Mailto能自动在电子邮件中填入“抄送”和“密件抄送”者，或自动填写主题行。

　　1）基本的 mailto
　　<a href="mailto:abc@sina.com.cn">单击这里给我发电子邮件
　　当浏览者点击这个链接时，浏览器会自动调用默认的客户端电子邮件程序，并在收件人框中自动填上收件人的地址下面。
　　2）包含抄送地址
　　在收件人地址后用?cc=开头，你可以填写抄送地址，示例代码如下：
     <"mailto:abc@sina.com.cn?cc=abc@sina.com.cn">发送
　　3）包含密件抄送地址
　　紧跟着抄送地址之后，写上&bcc=，就可以填上密件抄送地址了。
　　"mailto:abc@sina.com.cn?cc=aaa@sina.com.cn&bcc=bbb@sina.com.cn">发送
　　注意：在添加这些功能时，第一个功能以"?"开头，后面的以"&"开头
　　4）包含多个收件人、抄送、密件抄送人
　　用分号隔开多个收件人的地址即可实现：
　　<a href="mailto:aaa@sina.com.cn;bbb@sina.com.cn">发送
　　5）包含主题
　　用?subject=可以填上主题：
　　a href="mailto:abc@sina.com.cn?cc=abc@sina.com.cn?subject=发送电子邮件"

　　下面我们来总结一下，Mailto后为收件人地址，cc后为抄送地址，bcc后为密件抄送地址，subject后为邮件的主题，body后为邮件的内容，如果Mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的每一个都以“&”开头。下面是一个完整的实例:Mailto:aaa@xxx.com?cc=bbb@yyy.com&bcc=ccc@zzz.com&subject=主题&body=邮件内容

/*引用出处：http://www.cnblogs.com/joer/archive/2010/09/28/1841235.html*/

　　PS：这里可以说一个小内容，垃圾邮件制造者可以通过网页上的mailto链接来获取E-mail地址。避免的方法：

　　　　使用字符实体来代替地址中的字符！建议找个在线转码的处理一下就好。

8.6 在新浏览器窗口里打开链接：

　　target属性：

• _blank
• _parent
• _self
• _top
• framename  /*最后一个暂时没有用过……*/

8.7 使用CSS设置超链接样式：

　　伪类：是一种描述应用到某些情况的元素样式的类。

　　<a>标签常用的伪类：

　　　　link：描述未被访问过的超链接的样式。

　　　　visited：描述访问过并且存在于浏览器内存的超链接样式。

　　　　hover：描述用户的鼠标悬停（单击之前）下的超链接的样式。

　　　　active：描述被点击但未被释放时超链接的样式。