• HTML标记之a标签


    一、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>。  

  • 相关阅读:
    移动端兼容
    三点优化
    面向对象(一)
    BootCDN和npm
    分页逻辑
    多物体运动框架
    兼容样式
    省略
    行内元素在水平和垂直排列的时候会有间距
    [Swift]LeetCode1053.交换一次的先前排列 | Previous Permutation With One Swap
  • 原文地址:https://www.cnblogs.com/hafiz/p/5208007.html
Copyright © 2020-2023  润新知