HTML标记之a标签

Posted 2020-06-15

一、a标签的语法

　　<a href=”链接目标地址” title=”注释” target=”打开链接窗口的形式”>链接显示内容</a>

　　　　target值:

　　　　　　_blank在新窗口中打开；

　　　　　　_self 在自身窗口打开（默认）；

　　　　　　_parent 在上一级窗口打开，框架会经常使用；

　　　　　　_top 在浏览器整个窗口中打开，忽略任何框架。

二、链接的种类

　　　1.内部链接（当前文档与目标文档在同一站点内）<a href=”目标文档位置及全称”></a>；

　　　2.外部链接（当前文档与目标文档不在同一站点内）<a href=”URL(网址)”></a>；

　　　3.E-mail链接（并允许访问者向指定的地址发送邮件）<a href=”mailto:电子邮件地址”></a>；

　　　4.锚点连接 跳转到同一网页或其他文档的指定位置：创建锚点，<a name=”锚点名称”>显示内容</a>链接锚点，<a href=”（URL）#锚点名称”>显示内容</a>；

　　　5.空链接，就是没有目标端点的链接，<a href=”#”>显示内容</a>；

　　　6.脚本链接：是一种特殊的链接，当单击设置脚本链接的文本或图像时，可以运行相应的JS语句。

三、常用的脚本链接

　　关闭窗口:输入javascript:window.close();

　　　　<a href="javascript:window.close();">关闭窗口</a>

　　打开窗口:输入javascript:window.open(‘文件名或URL’);　

　　　　<a href = "javascript:window.open(‘文件名或URL’);">打开窗口</a>　

四、链接的高级用法

　　①.设为首页:<a href=”#” onClick=”this.style.behavior=’url(#default#homepage)’;this.sethomepage(‘目标网址’)”>设为首页</a>。

　　②.添加收藏：<a href=”#” onClick=”javascript:window.external.addfavorite(‘目标网址’,’收藏名’)”>添加到收藏夹</a>。