开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >a标签href的功用

a标签href的功用

作者头像

OECOM

发布于 2021-02-04 03:10:29

发布于 2021-02-04 03:10:29

3K00

代码可运行

举报

文章被收录于专栏：OECOMOECOM

运行总次数：0

代码可运行

2021-02-02 18:19:38

a标签在html内使用最多的就是超链接，在href属性中加入url链接即可。当然，他还有其他的一些功用，下面来看一下

锚点

<div id="div"></div>

<a href="#div">跳转到id="div"标签的位置</a>

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

这个点击后会在url中增加一个hash，刷新之后依然后定位到锚点位置

拨号

<a href="tel:18333333333">给18333333333打电话</a>

这种方式一般在移动端比较适用，可以调起拨号功能

发短信

<a href="sms:18333333333">给18333333333发短信</a>

这种方式同样一般在移动端比较适用，可以调起发短信功能

发邮件

<a href="mailto:abc@qq.com">给abc@qq.com发邮件</a>

这种情况需要在当前设置上安装邮件软件有效

协议限定符

这个我们用的会比较多

<a href="JavaScript:void(0)">不跳转或执行js代码</a>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

多租户的 4 种常用方案

亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？

60页PPT全解：DeepSeek系列论文技术要点整理

我们应该知道的标签

javascript 短信

版权声明：本文为博主原创文章，欢迎转载，转载请注明出处。 https://blog.csdn.net/FE_dev/article/details/70767206

FEWY

2019/05/27

1.6K0

a标签的妙用-拨打电话、发送短信、发送邮件

html 人工智能

前端时间在做手机WAP网站时，遇到需要点击页面上显示的电话号能直接拨号的需求，查找资料发现可以使用html的a标签完美实现该需求！记录下来以备后用。。。。。。

阿豪聊干货

2018/08/09

1.7K0

超链接标签

href iconfont parent self target

哈喽，亲爱的小伙伴们，好久没见啦，最近忙于项目的事情，所以并没有按时间发布新的文章，但是对于之前写的文章，我都有新的补充，尽量做到最全面和最易懂，那么这篇文章我就带大家了解一下什么是超链接标签。

守护最温柔的金木

2020/08/31

2.6K0

iOS应用调用系统打电话、发短信和发邮件功能引1、打电话2、发短信3、发邮件

在应用程序内，调用系统的功能来实现打电话、发短信和发邮件，通过电话号码或者邮箱，直接跳转到系统的功能界面。

Cloudox

2021/11/23

4K0

手机端页面在项目中遇到的一些问题及解决办法

https ios html 容器

首先你可能会给页面的 html 和 body 增加了 height: 100%, 然后就可能造成 IOS 上页面滑动的卡顿问题。解决方案是：

前端教程

2018/07/27

3.6K0

手机端页面在项目中遇到的一些问题及解决办法

a标签中防止跳转的href="javascript:;"、"void(0);"等都是什么意思

javascript html5 php 其他

javascript: 是表示在触发默认动作时，执行一段JavaScript代码，而 javascript:; 表示什么都不执行，这样点击时就没有任何反应。这是一个伪协议，其他的伪协议还有 mail: tel: file: 等等详细请看：HTML5新增的几个a标签属性移动端。

德顺

2019/11/13

4.2K0

a标签中防止跳转的href="javascript:;"、"void(0);"等都是什么意思

HTML5新增的几个a标签属性移动端

声明：本文由w3h5原创，转载请注明出处：《HTML5新增的几个a标签属性移动端》 https://www.w3h5.com/post/16.html

德顺

2019/11/13

1.5K0

HTML5新增的几个a标签属性移动端

移动设备网页打电话、发短信、发邮件的html5链接实现方法

android javascript 短信 html html5

在移动浏览器中实现拨打电话，调用sms发短信，发送email等功能，移动手机WEB页面(HTML5)协议提供的接口是一个好办法。采用url href链接的方式，实现在Safari ios，Android 浏览器，webos浏览器，塞班浏览器，IE，Operamini等主流浏览器，进行拨打电话功能。

疯狂的技术宅

2019/03/27

4.9K0

【Java 进阶篇】HTML链接标签详解

java html 网站 href 标签

HTML链接标签是构建网页中超链接的重要元素之一，允许您在不同的网页之间或同一网页内创建链接。本篇博客将详细介绍HTML链接标签，包括超链接的类型、属性、用法和示例代码，旨在帮助基础小白更好地理解和使用链接标签。

繁依Fanyi

2023/10/12

4630

【Java 进阶篇】HTML链接标签详解

H5 项目实用

html5 微信 android 编程算法

如果你关闭自动识别后，又希望某些电话号码能够链接到 iPhone 的拨号功能，那么可以通过这样来声明电话链接 ,

White feathe

2021/12/08

5.3K0

详解HTML超链接

html https 网络安全 java php

超链接是互联网提供的最令人兴奋的创新之一，它们从一开始就一直是互联网的一个特性，使互联网成为互联的网络。HTML超链接也是各个网站网页之间实现相互连接的一个手段之一，被广泛应用在各大网站。

全栈程序员站长

2022/09/07

3.5K0

几个经常在H5移动端开发遇到的东西！

ios 微信 css 网站 php

1. 弹出数字键盘  <input type="tel">  <input pattern="\d*"> 安卓跟IOS的表现形式应

Nealyang

2019/10/23

1.2K0

几个经常在H5移动端开发遇到的东西！

Android Intent用法全面详解

朋友们在开发的时候对Intent肯定并不陌生，下面总结了一下Intent除了用在activity之间的跳转，还可以在哪些地方使用： 1.显示网页

再见孙悟空_

2023/02/10

6330

深入解析HTML的<a>标签

html 网站框架事件标签

Markdown文件支持HTML标签，今天在编辑Markdown文档时，我希望嵌入一个带有图片的链接，因此需要使用HTML的 <a> 标签。在此过程中，我深入了解了 <a> 标签，并想和家人分享一下这个新学到的知识。

修己xj

2023/12/13

2450

HTML标记之a标签

　　　1.内部链接（当前文档与目标文档在同一站点内）<a href=”目标文档位置及全称”></a>；　　　2.外部链接（当前文档与目标文档不在同一站点内）<a href=”URL(网址)”></a>；　　　3.E-mail链接（并允许访问者向指定的地址发送邮件）<a href=”mailto:电子邮件地址”></a>；　　　4.锚点连接跳转到同一网页或其他文档的指定位置：创建锚点，<a name=”锚点名称”>显示内容</a>链接锚点，<a href=”（URL）#锚点名称”>显示内容</a>；　　　5.空链接，就是没有目标端点的链接，<a href=”#”>显示内容</a>；　　　6.脚本链接：是一种特殊的链接，当单击设置脚本链接的文本或图像时，可以运行相应的JS语句。

阿豪聊干货

2018/08/09

2.5K0

HTML5 学习总结（二）——HTML5新增属性与表单元素

张果

2018/01/04

3.6K0

HTML5 学习总结（二）——HTML5新增属性与表单元素

Web前端学习第2章网页重构2 常用的html标签

上一节我们已经了解了html和css的基本概念，本节通过上一节的一个例子来说说HTML的语法.

学习猿地

2020/06/12

6970

Web前端学习第2章网页重构2 常用的html标签

HTML之使用Meta标签解决常见的奇葩问题

已经好几天没有推文了，在这个五一佳节，想必各位同学玩耍的都比较愉快，本人实不忍心打扰到各位，故使这些天没有推送消息。今天是五一的最后一天，所以心想：本文应该能让各位同学提前收心，来送走这个愉快的假期，提前进入现状～

吴佳

2022/09/26

1.5K0

移动端常用的meta总结

声明viewport视口 viewport对于移动端设备来说非常的重要，用于定义视口的各种行为。其中最为重要的就是要设定一个展示页面的宽度width=device-width，如果我们不设置的话，width默认的值是980PX，假设我们当前用的是IPHONE 5来访问H5页面，IPHONE 5本身的宽度只有320PX，但是设备定义了H5页面展示的区域宽度应该是980PX，这样的话要想把H5页面全部进行展示，只有整体缩小大约三倍或者让用户在320PX的区域中来回的挪动才能看全整个H5页面。这种方式用户的体验度会非常的差，所以我们设定width=device-width，意思是当前设备屏幕有多宽，那么就按照多宽来渲染页面，这样就不会出现需要靠缩小或者左右移动来看完整个页面了。

河湾欢儿

2018/09/06

1.1K0

《精通CSS：高级Web标准解决方案》知识点汇总

本篇的内容到这里就全部结束了，常用的 CSS 样式重置文件我已经发到了 GitHub Reset.css，有需要的同学可自行下载

Nian糕

2018/12/05

9120

《精通CSS：高级Web标准解决方案》知识点汇总

相关推荐

我们应该知道的标签

更多 >

LV.1

这个人很懒，什么都没有留下～

作者相关精选

换一批

目录

锚点

拨号

发短信

发邮件

协议限定符

加入讨论

的问答专区 >

进击的老头子

1架构师擅长4个领域

相关课程

一站式学习中心 >

腾讯云向量数据库-RAG七天入门训练营

向量数据库

腾讯云安灯

云开发微搭低代码平台-一人构建企业级应用实战训练营

腾讯云微搭低代码

本文部分代码块支持一键运行，欢迎体验

本文部分代码块支持一键运行，欢迎体验