zoukankan      html  css  js  c++  java
  • HTML——超链接<a>

    一、超链接的一般格式:

    <a href="路径" target="目标窗口的位置">链接文本或图像<a/>

    1.常用参数说明:

    href:必填,表示要跳转到那个页面。

    target:选填,表示浏览器中新链接窗口的打开方式。target的取值有四种分别为_self(自我覆盖,默认)、_blank(创建新窗口打开新页面)、_top(在浏览器的整个窗口打开,将会忽略所有的框架结构)、_parent(在上一级窗口打开)。

    <a href="https://www.baidu.com" target="_blank">点击打开百度</a>
    <a href="https://www.baidu.com" target="_self">点击打开百度</a>
    <a href="https://www.baidu.com" target="_parent">点击打开百度</a>
    <a href="https://www.baidu.com" target="_top">点击打开百度</a>

    二、锚链接

    很多时候网页中内容比较多,页面显示比较长长,浏览者需要不断地拖动浏览器的滚动条才能找到需要的内容。超链接的锚功能可以解决这个问题,点击锚链接可快速定位到页面对应内容的位置。

    1.锚链接使用步骤

    (1)在a标签的href属性中,设置属性值为#名字的形式,如<a href="#two">第2集</a>

    (2)找到目标位置标签,里面添加个id属性=刚刚定义的名字,如:<h3 id="two>第2集</h3>

    <a href="#history"><strong>历史沿革</strong></a>
    
    .......
    .......
    .......
    
    
    <h2 id="history">历史沿革</h2>

    三、功能性连接

    1.邮件链接

    <a href = "mailto:xxx@qq.com">给我发email</a>
  • 相关阅读:
    HTTP协议相关知识点
    收集—— css实现垂直居中
    Nginx、lls、Apache三种服务器的日志格式及其字段含义
    XXE
    不安全的url跳转问题
    SSRF
    暴力破解
    跨站脚本xss
    CSRF跨站请求伪造
    RCE
  • 原文地址:https://www.cnblogs.com/bear7/p/12955785.html
Copyright © 2011-2022 走看看