HTML超链接a标签

摘要:
HTML有一个函数标记,可以在单击后跳转到另一个链接,如下所示:上面的href是调整后的路径。它可以分为外部路径和内部路径。这两种路径在实际开发中都很常用。两者都没有优势。a标记本身是一行中的元素,但它可以将任何元素放在里面,块元素也可以放在里面。但是,除了它自己的路径之外,它不能嵌套。当使用内部路径时,它通常会访问项目中的sses资源或接口˂ahref=“./索引

在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>

免责声明:文章转载自《HTML超链接a标签》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇zookeeper部署kafka集群配置opencv cmake下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

nginx 反向代理

nginx反向代理Docker部署Apache服务Docker部署nginx服务修改nginx侦听和转发配置Docker部署Apache服务创建Dockerfile,编写以下内容,并执行dockerbuild-tv4/Apache创建v4/apacheimage。修改后,执行nginxsroad以重新加载服务测试请求/品种请求/caesar...

mysql之排序查询

高级文章目录3:排序查询功能:1.按单个字段排序案例1:查询员工信息,要求工资从高到低排序2.为排序添加筛选条件案例1:部门编号˃=90的员工信息,按员工编号降序排序案例2:部门编号˃=90的人员信息,按输入时间排序。按表达式排序案例1:按年薪显示员工信息和年薪4按别名排序案例1按年薪升序查询员工信息5.按函数(长度)排序案例1查询员工姓名并按姓名长度减少...

《学习opencv》笔记——矩阵和图像操作——cvAnd、cvAndS、cvAvg and cvAvgSdv

矩阵和图像的操作cvAnd函数其结构voidcvAnd;程序实例#include#include#includeintmain{IplImage*src1,*src2,*src3;src1=cvLoadImage;src2=cvLoadImage;src3=cvLoadImage;cvAnd;cvShowImage;cvShowImage;cvShowIma...

selenium自动化之鼠标操作

,selenium为我们提供了一个处理此类事件的类——ActionChains。ActionChains可以模拟鼠标操作,例如单击、双击、右键单击、拖动等。鼠标移动时演示页面的截图:demo1.使用鼠标移动到WriteonOver按钮的顶部。python脚本如下:读取鼠标移动代码,首先定义浏览器驱动程序,最大化窗口,打开测试页面URL,定位到测试按钮顶部,定...

HTML中canvas的大小调整

今天用到canvas元素,发现它的大小不是像普通dom元素一样,直接设置css样式可以改变的,它会由自己原本的大小伸缩。例如,1.如果直接在canvas元素中添加style='300px;height:300px',这会导致伸缩,如图2.换种方式在css样式表中加入样式设置宽高产生的效果也是一样的。...

jquery跨域请求数据

Jquery跨域请求数据Jquery跨请求数据。事实上,这很容易。请遵循以下步骤:首先,编写js,通过get获取远程数据。请注意,回调参数应添加在链接之后,这意味着将回调函数地址传输到远程页面。',{params},函数cb{alert;alert;},'json');第二:编写处理程序。publicvoidProcessRequest{context.Re...