zoukankan      html  css  js  c++  java
  • HTML5——4 a标签

    a标签

    涉及的属性 主要是:href、target、name(用于锚点)

    target  有两个属性值 _self和_blank,前者是改变当前页面跳转到超链接地址,后者是打开新页面跳转至超链接的地址。默认是_self。

    1.主要作用是用于超链接,可以链接到其他页面也可以链接到本地其他文件。

    语法<ahref =“地址” target="medthod"></a>

    测试效果 

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>a标签与锚连接</title>
    </head>
    <body>
    <a href="http://www.baidu.com" target="_blank">百度</a>
    <a href="http://www.taobao.com" target="_self">淘宝</a>
    </body>
    </html>

    2.a标签也可以设置锚点,在本页面和其他页面进行跳转。

     本页面跳转语法< a href =“#name1” target="medthod"></a>

                              < a name="name1">被链接到的位置</a>

    测试效果1——本页面跳转

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>a标签与锚连接</title>
    </head>
    <body>
    <a href="#15"><p>1</p></a>
    <!-- 为显示效果可以添加多行成对的p标签 -->

    <a name="15" ><p>15</p></a>
    </body>
    </html>

    测试效果2——其他面跳转

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>a标签与锚连接</title>
    </head>
    <body>
    <a href="../../Test/Day02.html#game_background" target="_self">游戏背景</a>
    </body>
    </html>

    总结

    利用锚点的跳转原理是一致的,用name属性设置 被跳转的位置,用href做链接

  • 相关阅读:
    CC_UNUSED_PARAM 宏含义的解释
    JAVA 字符串编码总结
    cocos-html5 Json 灵活 遍历方式 不同方式的缺陷,优点总结
    selenium--获取HTML源码断言和URL地址
    django -- 路由
    selenium--表格和复选框的定位
    selenium--加载浏览器配置
    django -- 视图
    django -- 母版继承
    selenium--浏览器窗口截图
  • 原文地址:https://www.cnblogs.com/haoyp/p/7063569.html
Copyright © 2011-2022 走看看