html <a>标签属性总结

该标签主要作用

-通过href属性来创建指向另一个文档的链接
-通过name属性创建文档内的书签
href或name是必选属性

---

href属性

href 规定了链接地址：

-文字链接

<a href="http://www.baidu.com">百度一下</a>

-图片链接：

<a href="http://www.baidu.com"><img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png"></a>

href三种可能的值：

-绝对 URL - 指向另一个站点

href="http://www.example.com/index.htm"

-相对 URL - 指向站点内的某个文件

href="index.htm"

-锚 URL - 指向页面中的锚

href="#top"

用法-设置一个没有下划线的链接

<a href="http://www.baidu.com" style="text-decoration:none">这是一个链接</a>

name规定了锚的名称

相对链接

<a href="#h1">跳到第一章</a>...<h1><a name="h1">第一章</a><!--这里的name可以换成id--></h1><p>本章的内容有....</p>

绝对链接

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a><!--这段代码会让用户直接进入这个网站的这个anchor下-->

关于name和id

id和name都可以与href结合起来使用，同理name的值在同一文档必须是唯一的

关于图形映射：

<a href="http://www.baidu.com/xxx.html" shape="rect" coords="0,0,96,99">sun</a>

-只有图形可以添加映射，尽量用map元素和area元素设定图像映射
-<a>标签的shape和coords属性只支持opera和firefox浏览器

shape 规定链接的形状

shape的值：

default 全部区域rect 矩形circle 圆形poly 多边形

coords 规定链接的坐标

coords的值：

如果shape是rect，coords的值为x1,y1,x2,y2，规定左上角和右下角的坐标如果shape是circle，coords的值为x,y,radius，规定圆心的坐标和半径如果shape是poly，coords的值为x1,y1,x2,y2,xn,yn，规定多边形各边的坐标，如果最后一个坐标和第一个不一致，浏览器为了关闭图形，会添加最后坐标

关于上下文关系

rel 指定从源文档到目标文档的关系
rev 指定从目标文档到源文档的关系
（rel和rev是写给浏览器看的，表明了上下文关系，w3school提出html和xhtml并没有正式提出这两种属性）
以下是一些值：

值 描述 alternate 文档的可选版本（例如打印页、翻译页或镜像） stylesheet 文档的外部样式表 start 集合中的第一个文档 next 集合中的下一个文档 prev 集合中的前一个文档 contents 文档目录 index 文档索引 glossary 文档中所用字词的术语表或解释 copyright 包含版权信息的文档 chapter 文档的章 section 文档的节 subsection 文档的子段 appendix 文档附录 help 帮助文档 bookmark 相关文档 nofollow 用于指定 Google 搜索引擎不要跟踪链接 licence 授权 tag 标签 friend 友情链接

target定义被链接的文档在何处显示

<a href="http://www.baidu.com" target="_blank">这是一个链接</a>

target的值：

_top 跳出框架打开网页_parent 在父窗口打开网页_blank 在新窗口打开网页_self 默认值，在同一框架中打开网页framename 在指定的框架中打开网页

用法实例：

<a href="/index.html"target="_top">请点击这里！</a>

其他

download 规定被下载的目标，即点击后直接下载某个目标 （H5）
media 规定目标文档是专为什么样的平台设计的，没有实际作用 （H5）
type 规定了文档的mime类型，比如”text/css”
X/charset 规定链接的字符集（w3shool标记为所有浏览器不支持）
X/hreflang 规定链接文档的语言（w3shool标记为所有浏览器不支持）

用mailto:创建邮件

一个完整的格式

<a href="mailto:[e-mail]?cc="[e-mail]&bbc="[e-mail]&subject=这是一封邮件&body=我想你">发送邮件</a>

注意点
1、多个收件人，抄送和密件抄送人用分号;分割
2、收件地址和抄送地址用?号分割，其他用&号分割