<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)    收藏  举报