• HTML超链接a标签


    在HTML具有点击后跳转到另一个链接的功能标签,如下:

    <a href="http://www.baidu.com"></a>

      上述href是调整的路径;分为外部路径和内部路径;这两个在实际开发都很常用;没说哪个占优势啥的;

      a标签本身是个行内元素,但是他内部可以放任何元素,块元素也可以;但除了他自身外不能嵌套;

      当使用内部路径时,通常时访问项目内的资源或接口时;

    <a href="./index.html"></a> //调整到当前目录的index.html
    <a href="../index.html"></a> //调整到上一级目录下的index.html

      当使用外部路径,则是调整第三方的URL;可以是域名+端口+资源路径,也可以是IP+端口+资源路径;

    <a href="http://www.baidu.com/login"></a>
    <a href="http://192.168.1.1/login"></a>

      任何a标签还有一个属性是target,用来控制新窗口从哪里打开,如下:

    <a href="http://www.baidu.com/login" target="_self"></a> 当前窗口打开
    <a href="http://www.baidu.com/login" target="_blank"></a> 打开一个新的窗口

      然后上面使用也没有说哪个用的多,看项目和用户需求而定;

      还有一个比较特殊的需求,就是点击超链接后,能滚动到当前页面的指定位置;这个也是可以做的,只需要给滚动到指定位置的元素加个ID属性即可,比如下面代码:

        <a href="#li4"></a> //当点击链接时,则会调到id为li4元素的位置
        <ul>
          <li>1</li>
          <li>2</li>
          <li>3</li>
          <li id="li4">4</li>
          <li>6</li>
        </ul>

      然后还有一种常见的情况,就是某个链接不希望点了之后有任何效果;通常开发人员不会将href=“”,而是采用下面这种更优雅的写法:

    <a href="javascript:;"></a>
  • 相关阅读:
    IPv6隧道技术——6to4实验分析
    IPV6地址解析与DAD机制实验分析
    交换机的高级特性
    组播IGMP实验分析
    BGP实验分析(二)
    BGP实验分析(一)
    路由策略实验分析(二)
    路由策略实验分析(一)
    一线互联网拼多多、饿了么、蚂蚁金服、哈啰出行、携程、饿了么、2345、百度等一些Java面试题
    Java中的匿名内部类
  • 原文地址:https://www.cnblogs.com/ibcdwx/p/15404575.html
Copyright © 2020-2023  润新知