zoukankan      html  css  js  c++  java
  • HTMl链接- target/ name

    下面解释一下链接标签的另外两个属性:target和name

    HTML 链接 - target 属性

    使用 Target 属性,你可以定义被链接的文档在何处显示。

    下面的这行会在新窗口打开文档:

    <a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>

    亲自试一试

    HTML 链接 - name 属性

    name 属性规定锚(anchor)的名称。

    您可以使用 name 属性创建 HTML 页面中的书签。

    书签不会以任何特殊方式显示,它对读者是不可见的。

    当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

    命名锚的语法:

    <a name="label">锚(显示在页面上的文本)</a>

    提示:锚的名称可以是任何你喜欢的名字。

    提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。

    实例

    首先,我们在 HTML 文档中对锚进行命名(创建一个书签):

    <a name="tips">基本的注意事项 - 有用的提示</a>

    然后,我们在同一个文档中创建指向该锚的链接:

    <a href="#tips">有用的提示</a>

    您也可以在其他页面中创建指向该锚的链接:

    <a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

    在上面的代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。

  • 相关阅读:
    Jmeter简单教程
    SpringMVC @RequestBody请求参数在postman中的请求
    maven多环境部署
    idea中项目文件颜色含义
    本地Consumer和Producer无法使用远程Kafka服务器的处理办法
    CentOS7 64位下MySQL5.7安装与配置(YUM)
    git学习笔记
    Nginx的启动、重启、关闭命令
    Mysql update 错误
    spring框架源码编译
  • 原文地址:https://www.cnblogs.com/yufei121/p/6151523.html
Copyright © 2011-2022 走看看