当前位置: 首页 > news >正文

HTML 超链接a的几种用法

1、基本链接语法

<a href="url">Link text</a>

补充:"链接文本" 不必一定是文本。图片或其他 HTML 元素都可以成为链接。

<base> 标签与<a>的组合用法:

  为页面上所有链接规定默认目标:

   <head> <base target="_blank" /> </head> 

2、HTML 链接 - target 属性

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

 <a href="//www.w3cschool.cn/" target="_blank">Visit W3CSchool!</a> 将在新窗口打开文档;

 <a href="http://www.w3cschool.cn/" target="_top">click here</a> 跳出框架,假如你的页面被固定在框架之内;

  补充:请始终将正斜杠添加到子文件夹。假如这样书写链接:href="//www.w3cschool.cn/html",就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href="//www.w3cschool.cn/html/",所以直接这样书写则只会产生一次HTTP请求。

 

3、HTML 连接- id 属性

id属性可用于创建在一个HTML文档书签标记。

在HTML文档中插入ID:

  <p id="tips">Useful Tips Section</p> 

在HTML文档中创建一个链接到"有用的提示部分(id="tips")":

  <a href="#tips">Visit the Useful Tips Section</a> 

或者,从另一个页面创建一个链接到"有用的提示(id="tips")部分":

  <a href="//www.w3cschool.cn/html_links.htm#tips"> Visit the Useful Tips Section</a> 
 

4、<a>创建电子邮件链接

<a href="mailto:wang@XXXXX.com?Subject=Hello%20again" target="_top">发送邮件</a>

<p>
  <b>注意:</b> 单词之间空格使用 20% 代替,以确保浏览器可以正常显示文本。
</p>

更复杂的写法:

<a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">发送邮件!</a>


<p>
    <b>注意:</b> 单词之间空格使用 %20 代替,以确保浏览器可以正常显示文本。
</p>

 

转载于:https://www.cnblogs.com/Vayne-N/p/6769495.html

相关文章:

  • java_JDBC(4)
  • svnserver搭建
  • Android视图绘制流程完全解析,带你一步步深入了解View(二)
  • OTS工作坑
  • GDB调试详解
  • Tomcat和JavaWeb目录和流程
  • 采访与书评 —— 《BDD In Action》
  • android下拉刷新
  • AOP之AspectJ注解
  • httpclient-4.0.1应用指南
  • 05-树7 堆中的路径
  • 初识 Swift编程语言(中文版)
  • Learning WCF Chapter1 Creating a New Service from Scratch
  • Navicat Premium快速导出数据库ER图和数据字典
  • java存取BLOB类型的数据
  • [微信小程序] 使用ES6特性Class后出现编译异常
  • 【159天】尚学堂高琪Java300集视频精华笔记(128)
  • 【译】React性能工程(下) -- 深入研究React性能调试
  • 【跃迁之路】【585天】程序员高效学习方法论探索系列(实验阶段342-2018.09.13)...
  • 4. 路由到控制器 - Laravel从零开始教程
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • Cumulo 的 ClojureScript 模块已经成型
  • jquery ajax学习笔记
  • JS学习笔记——闭包
  • JWT究竟是什么呢?
  • mongodb--安装和初步使用教程
  • mysql innodb 索引使用指南
  • NSTimer学习笔记
  • PAT A1120
  • PHP 7 修改了什么呢 -- 2
  • webpack+react项目初体验——记录我的webpack环境配置
  • 欢迎参加第二届中国游戏开发者大会
  • 基于遗传算法的优化问题求解
  • 驱动程序原理
  • 深入浅出webpack学习(1)--核心概念
  • 使用 QuickBI 搭建酷炫可视化分析
  • 使用Swoole加速Laravel(正式环境中)
  • 手机app有了短信验证码还有没必要有图片验证码?
  • 首页查询功能的一次实现过程
  • 树莓派 - 使用须知
  • 微服务入门【系列视频课程】
  • - 语言经验 - 《c++的高性能内存管理库tcmalloc和jemalloc》
  • Python 之网络式编程
  • 如何正确理解,内页权重高于首页?
  • ​queue --- 一个同步的队列类​
  • #微信小程序:微信小程序常见的配置传值
  • (03)光刻——半导体电路的绘制
  • (4) openssl rsa/pkey(查看私钥、从私钥中提取公钥、查看公钥)
  • (Redis使用系列) Springboot 使用Redis+Session实现Session共享 ,简单的单点登录 五
  • (定时器/计数器)中断系统(详解与使用)
  • (十八)SpringBoot之发送QQ邮件
  • (转)linux 命令大全
  • (转载)虚函数剖析
  • .dwp和.webpart的区别
  • .NET Conf 2023 回顾 – 庆祝社区、创新和 .NET 8 的发布