<a>标签--链接标签

[2019.06.21 学习笔记1]

1.<a>定义超链接

2.必须属性href，链接位置，对应一个url地址，href="url地址",显示蓝色并带有下划线（可去掉），必须写（不写也可以，但是最好写）

不想指向任何页面：href="#"

指向其他页面： href="http://www.baidu.com/"

3.重要属性title，鼠标经过时候提示的文字

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题 </title>
</head>
<body>
　　<p> 段落</p>
    <a  href="http://www.baidu.com/">百度链接</a>
</body>
</html>

4.重要属性target

　_blank :在新标签中打开

　_parent : 在父级标签打开，如果本身已经是顶级，那么就是在自身窗口打开

　_self : 默认在当前窗口打开

　_top :清除所有框架，载入到浏览器窗口

framename ：在指定的框架中打开被链接文档

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>锚标签 </title>
</head>
<body>
    <a href="http://www.baidu.com/">百度链接1</a>
    <a href="http://www.baidu.com/" target="_blank">百度链接2</a>
    <a href="http://www.baidu.com/" target="_self">百度链接3</a>
</body>
</html>

5.<a>标签去掉下划线：text-decoration:none

<a>标签显示下划线：text-decoration:underline

6.多用于新闻列表、超链接

7.一般不会放在<p>标签里面

8.在所有浏览器中，链接的默认外观是：

未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的

9.<a>是行内元素

10.当您链接到要下载的资源而不是在浏览器中打开时，您可以使用 download 属性来提供一个默认的保存文件名。下面是一个下载链接到Firefox 的 Windows最新版本的示例：

<a href="https://download.mozilla.org/?product=firefox-latest-ssl&os=win64&lang=en-US"
   download="firefox-latest-64bit-installer.exe">
  Download Latest Firefox for Windows (64-bit) (English, US)
</a>

11.电子邮件链接

当点击一个链接或按钮时，打开一个新的电子邮件发送信息而不是连接到一个资源或页面，这种情况是可能做到的。这样做是使用<a>元素和mailto：URL的方案。
其最基本和最常用的使用形式为一个mailto:link （链接），链接简单说明收件人的电子邮件地址。例如:

<a href="mailto:nowhere@mozilla.org">Send email to nowhere</a>

除了电子邮件地址，您还可以提供其他信息。事实上，任何标准的邮件头字段可以被添加到你提供的邮件URL。其中最常用的是主题(subject)、抄送(cc)和主体(body) (这不是一个真正的头字段，但允许您为新邮件指定一个短内容消息)。每个字段及其值被指定为查询项。

下面是一个包含cc、bcc、主题和主体的示例：

<a href="mailto:nowhere@mozilla.org?cc=name2@rapidtables.com&bcc=name3@rapidtables.com&subject=The%20subject%20of%20the%20email&body=The%20body%20of%20the%20email">
  Send mail with cc, bcc, subject and body
</a>

注意: 每个字段的值必须是URL编码的。也就是说，不能有非打印字符（不可见字符比如制表符、换行符、分页符）和空格 percent-escaped. 同时注意使用问号（?）来分隔主URL与参数值，以及使用&符来分隔mailto:中的各个参数。这是标准的URL查询标记方法。阅读 The GET method 以了解哪种URL查询标记方法是更常用的。　　

posted @ 2019-06-21 22:42 C_XingM 阅读(555) 评论(0) 收藏举报

刷新页面返回顶部

C_XingM

<a>标签--链接标签

公告