两分钟了解html中a标签的用法

PHP中文网 JavaScript

本文摘自PHP中文网，作者烟雨青岚，侵删。

a是HTML语言标签。a标签定义超链接，用于从一个页面链接到另一个页面。a元素最重要的属性是href属性，它指定链接的目标。下面让我们一起看看吧。

a 标签在点击之后会聚焦自动出现虚线框？

解决方法：

1.css 处理方式

1

2

a{

    outline:none;}

2.添加监听事件，自动失去焦点（不推荐）

1

<a href="#" onfocus="this.blur();"></a>

3.行内处理样式

1

<a hidefocus="true" href="#"></a>

标签在新的选项卡中打开链接

1

<a target="value">

值描述
_blank在新窗口中打开被链接文档
_self 默认在相同的框架中打开被链接文档
_parent在父框架集中打开被链接文档
_top在整个窗口中打开被链接文档
framename在指定的框架中打开被链接文档

vue打开新页面：

1

2

3

4

5

6

7

let routes = this.$router.resolve(

   {

        path: '/position/recruit/job/desc',

        query: { id: row.id }

   }

)

window.open(routes.href, '_blank')

感谢大家的阅读，希望大家收益多多。

本文转自：https://blog.csdn.net/weixin_45266125/article/details/103199755

推荐教程：《HTML教程》

以上就是两分钟了解html中a标签的用法的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

Html和css实现字体加粗的三种方法

Html搜索框怎么做

js实现改变Html上文字颜色和内容的方法

Html中标签嵌套的问题如何解决

Html多图上传预览功能的实现

Html5 main标签怎么居中？main标签的居中实例介绍

Html怎么设置div边距

前端工程师需要掌握哪些知识？

Html5新机制：postmessage实现安全跨域通信（代码）

Html5/css3增加了哪些伪类

更多相关阅读请进入《Html》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...