文档章节

我们应该知道的<a>标签

FEWY
 FEWY
发布于 2017/04/26 12:36
字数 779
阅读 14
收藏 0
点赞 0
评论 0

说明

a 标签定义超链接,用于从一个页面链接到另一个页面。
a 元素最重要的属性是 href 属性,它指定链接的目标。

href属性

href属性的值,类型不同,产生的效果也不同,有人叫这是 a 标签的多种不同的表现形式,或者说是不同种类的 a,好吧其实就是一个意思,我们来看看有哪些情况。

1、当目标文档为资源下载,点击会下载这个文件

<a href="xxx.rar/xxx.zip">下载</a>

这里要顺便提下 a 的另一个属性,download,这是专门用来做下载的属性

<a href="/images/logo.png" download="文件名">下载</a>

download也可以没有值,这样会使用默认的文件名。

2、电子邮件链接

<a href="mailto:电子邮件地址">内容</a>

3、返回页面顶部空链接

<a href="#">返回顶部</a>

注意:设置超链接时,如果不确定要链接到哪个位置处时,请使用# , 因为href="", 会刷新页面,而href="#",还在这个页面,默认回到最顶部

4、锚点

  • 作用
    在页面中的某行位置处,做一个记号,方便页面能够随时跳转到记号位置处
  • 使用方式
    • 定义锚点
      1、通过 a 标记的 name 属性定义锚点
<a name="名称">内容</a>

2、通过 任意标记的 id 属性定义锚点

<ANY id="名称">
  • 链接到锚点
    1、跳转到本页的锚点处
<a href="#锚点名称">内容</a>

2、跳转到其他页锚点处

<a href="页面URL#锚点名称">内容</a>

5、链接到JS

<a href="javascript:JS代码块">执行JS功能</a>

我们应该经常会看到这样的写法

<a href="javascript:void(0)"></a>

void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。
当用户点击时,void(0) 计算为 0, Javascript 上没有任何效果,不会发生跳转。
href="#"href="javascript:void(0)"的区别
# 包含了一个位置信息,默认的锚是#top 也就是网页的上端。
而javascript:void(0), 仅仅表示一个死链接。

6、一键拨号

<a href="tel:10000">点击拨号10000</a>

7、发短信

格式:sms:手机号[,手机号][?body=短信内容]

  • 给一个号码发送短信
<a href="sms:10000">给 10000 发短信</a>
  • 给一个号码发送,已编辑好的短信
<a href="sms:10000?body=xxx">给 10000 发送内容为"xxx"的短信</a>
  • 给多个号码发送短信
<a href="sms:10000,10086?body=xxx">给 10000 和 10086 发送内容为"xxx"的短信</a>

href属性说到这也差不多了,我们来看另一属性target(目标)

target属性

target 属性规定在何处打开链接文档

<a target="_blank|_self|_parent|_top|framename"></a>

输入图片说明

总结

到此, a 标签很多有趣的事情,相信大家都知道了,但是这还不是所有的,还有更多的事情,需要大家去发现,希望大家发现之后分享出来。

© 著作权归作者所有

共有 人打赏支持
FEWY
粉丝 1
博文 37
码字总数 39311
作品 0
太原
程序员
Thinkphp怎样修改模板标签定界符

大家都知道在thinkphp里面,我们是通过在控制器里面给模板分配变量,然后在模板里面通过标签的方式来获取变量,假设有一个变量为$name,那么我们在模板里面就应该是通过 {$name}的方式来获取...

汤圆 ⋅ 2012/12/21 ⋅ 0

从问题到解决方案到应用-android-ApiDemo入口源代码学习及应用

一.问题 在android的学习中我们经常需要做做一些小demo。 (1)一个demo建立一个项目: demo多了,项目就多了,会有各种不方便。 (2)于是,建立一个demo项目来,然后,第一个Activity呢,主界...

李海珍 ⋅ 2012/11/24 ⋅ 4

HTML 标签,闭合还是不闭合?

你在写 HTML5 代码的时候,是否纠结过应该写 还是 ,是写 还是写 。写 为什么是错的呢?反正我纠结过,而且我发现这个话题其实比我想象中有意思的多。 如果你对我的研究过程不感兴趣,你可以...

oschina ⋅ 2014/03/17 ⋅ 28

python-70:使用BS4获取正文内容

上一小节我们学习了find 和 findall 函数,我们也知道findall 函数返回的结果是一个列表,然而我们并不想要列表,列表不利于我们查看,所以我们只能使用find,find会将匹配的结果直接返回,...

达岭凹老大 ⋅ 2016/01/03 ⋅ 0

Spring 标签的探索

前言 在学习Spring的过程中,自己算是好好体会了一把Spring配置文件的繁琐。不切实体会一下就不知道有多让人不爽,众多的配置文件不说,关键是一个功能一个配置文件,而且十分容易忘记。那我...

HikariCP ⋅ 2017/11/24 ⋅ 0

富文本编辑器小结

近况 最近由于公司业务上的需求,我们需要一个自己的编辑器来编写我们得到APP里面的订阅文章,为什么需要自己的编辑器,主要是因为用第三方的编辑器很难完成公司定制化的需求,比如:排版上我...

乖小鬼YQ ⋅ 2017/11/29 ⋅ 0

在tomcat中,如何用类似ServletContextListener的方式注入并初始化如、、等高级配置的元素?

我们在web项目中有web.xml,一般把要使用的如Servlet、Filter、Listener等元素配置到那里面。在web.xml里面的如、、等元素中,有些有如、、等高级配置的标签。现在的问题是如何用java代码来收...

乾坤之道 ⋅ 2017/09/21 ⋅ 0

扩展 HTMLParser 对自定义标签的处理能力

HTMLParser 是一个用来解析 HTML 文档的开放源码项目,它具有小巧、快速、使用简单的特点以及拥有强大的功能。 如果是 HTML 文档,那么用 HTMLParser 已经差不多可以满足你至少 90% 的需求。...

红薯 ⋅ 2008/10/05 ⋅ 0

聊 网站CSS 选择器性能

CSS选择符由一些初始化参数组成,这些参数指明了要应用这个CSS规则的页面元素。作为一个网站的前端开发工程师,应该避免编写一些常见的开销很大的CSS选择符模式,尽量编写高效的CSS选择符,从...

c_k ⋅ 2013/05/13 ⋅ 13

【机器学习实战】逻辑回归----digits手写数字分类

【导入库和数据集】 和线性回归一样,首先导入所需要用到的库和数据集。 导入库: 数据集: 这次数据集还是选用sklearn中提供的小数据集——digits手写字体数据集。先看一下官方介绍: 通过官...

u013597931 ⋅ 04/20 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

对于程序员的招聘问题,作为软件人的一些吐槽和建议

作为软件人,找工作有时候似乎挺苦逼的。 说真的,让我去掉前面这句中“似乎”二字吧。就是苦逼!很多人都曾抱怨处在招聘的一方很糟糕——我们没有任何可靠的方式来甄别会写代码并且写得好的...

老道士 ⋅ 32分钟前 ⋅ 0

HDFS原理学习

一、概述 1、 Hadoop整合了众多的文件系统,首先提供了一个高层的文件系统抽象org.apache.hadoop.fs.FileSystem。然后有各个文件系统的实现类。 2、Hadoop是JAVA编写的,不同文件系统之间的交...

cjxcloud ⋅ 36分钟前 ⋅ 0

Linux下MySQL表名不区分大小写的设置方法(抄袭别人的)

Linux下MySQL表名不区分大小写的设置方法 MySQL表名不区分大小写的设置方法 在用centox安装mysql后,把项目的数据库移植了过去,发现一些表的数据查不到,排查了一下问题,最后发现是表名的大...

随风而浮沉 ⋅ 41分钟前 ⋅ 0

ubuntu下安装宋体simsun

sudo cp simsun.ttc /usr/share/fonts cd /usr/share/fonts sudo chmod 644 simsun.ttc 更新字体缓存: 代码: sudo mkfontscale 代码: sudo mkfontdir 代码: sudo fc-cache -fsv 安装chrome扩......

wangxuwei ⋅ 42分钟前 ⋅ 0

利用 ssh 传输文件

Linux 下一般可以用 scp 命令通过 ssh 传送文件: #把服务器上的 /home/user/a.txt 发送到本机的 /var/www/local_dir 目录下scp username@servername:/home/user/a.txt /var/www/local_dir...

大灰狼时间 ⋅ 52分钟前 ⋅ 0

web3j教程:android和java程序员如何使用web3j开发区块链以太坊

如何使用web3j为Java应用或Android App增加以太坊区块链支持,本教程内容即涉及以太坊中的核心概念,例如账户管理包括账户的创建、钱包创建、交易转账,交易与状态、智能合约开发与交互、过滤...

智能合约 ⋅ 今天 ⋅ 0

web3j开发java或android以太坊智能合约快速入门

web3j简介 web3j是一个轻量级、高度模块化、响应式、类型安全的Java和Android类库提供丰富API,用于处理以太坊智能合约及与以太坊网络上的客户端(节点)进行集成。 可以通过它进行以太坊区块链...

笔阁 ⋅ 今天 ⋅ 0

一起读书《深入浅出nodejs》-异步I/O

异步I/O “异步”这个名词其实很早就诞生了,但它大规模流行却是在Web 2.0浪潮中,它伴随着AJAX的第一个A(Asynchronous)席卷了Web。 为什么要异步I/O 关于异步I/O为何在Node里如此重要,这与...

小草先森 ⋅ 今天 ⋅ 0

JVM各种问题

1、如果启动什么都不设,会怎样? 先来看一个命令 [root@localhost bin]# java -XX:+PrintCommandLineFlags -version -XX:InitialHeapSize=29899008 -XX:MaxHeapSize=478384128 -XX:+PrintCo......

算法之名 ⋅ 今天 ⋅ 0

SAS笔记-宏2

宏是一种文本,一般来说其编译是在程序执行之前。 宏变量的创建 %let语句 %let macro_variables = text; %let是常见的宏变量建立方式,其编译就在执行前。如下例中,想要宏变量test等于数据集...

tonorth123 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部