• 技术文章 >web前端 >html教程

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

    烟雨青岚烟雨青岚2020-07-01 13:18:53转载81

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

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

    解决方法:

    1.css 处理方式

    a{
        outline:none;}

    2.添加监听事件,自动失去焦点(不推荐)

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

    3.行内处理样式

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

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

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

    vue打开新页面

     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标签的用法的详细内容,更多请关注php中文网其它相关文章!

    本文转载于:CSDN,如有侵犯,请联系a@php.cn删除
    专题推荐:html a标签
    上一篇:你一定不知道div里的图片是如何水平垂直居中的 下一篇:手把手教你如何在HTML中引入外部JS文件
    第12期线上培训班

    相关文章推荐

    • HTML5如何在手机端调用相机?• 详细介绍HTML中的label标签• 为什么把JavaScript文件放在Html底部• html中为网页设置字符集的标签是什么?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网