a标签在实际工作中的应用

学习的时候,我们对a标签的认知:


1、href属性添加一个地址,可进行页面的跳转

2、用锚点,制作页面内跳转和跨页面跳转(之前有写过一篇关于锚点的随笔:http://www.cnblogs.com/qiujianmei/p/7111600.html)

3、利用伪类:hover、visited等制作按钮的特效

以下是我目前的工作经验,遇到的a标签的实际应用:


1、用a标签代替input-button标签模拟按钮,因为a标签自带小手特效,如果按钮需要跳转页面可以直接用a标签的href属性实现,就必用j控制按钮,发送请求了

2、移动端a标签href属性的妙用,实现点击按钮拨打指定电话:<a href="tel:4001001001">拨打热线电话</a>

  直接用这个方法,有些手机的浏览器会出现兼容性bug,如电话号码前出现特殊字符;

  鲁棒的写法:<a href="javascript:window.location.href=‘tel:4001001001‘;">拨打热线电话</a>

3、利用a标签给一些功能性的按钮添加埋点,用于后端采集数据。a标签是采集埋点的方法中常见的一种。

  什么是埋点,参考这篇文章:https://sensorsdata.cn/blog/shu-ju-jie-ru-yu-mai-dian/

后续有新发现会继续总结到本文中,欢迎博友们指点和分享,分享使人进步!

时间: 2024-11-03 01:35:15

a标签在实际工作中的应用的相关文章

站长探讨之说说SEO在网站编辑工作中的运用

关于SEO知识在网站编辑工作当中的运用的这类知识,我百度了一下,几乎很少,因此我决定对这方面的知识点在我的SEO博客中做一个整理,希望大家能够给予宝贵的意见. 一.Html常用标签 对于网站编辑所需要涉及到的标签有:Title.Description.Keywords.H标签.Alt标签,现在这里简单的介绍一下,后面会有更加具体的使用方法. 1.TDK标签 Title,也就是文章标题 Description,即网站描述 Keywords,即网站关键词 TDK标签.jpg 不用多说,TDK三个标签

你在工作中无意间会犯的四个错误

4 Work Mistakes You Don't Realize You're Making你在工作中无意间会犯的四个错误When you’re the new girl at work, you do everything in your power to stay on your best behavior. You show up to the office early, leave late, dress conservatively, and absolutely never, ev

给大家分享12个或许能在实际工作中帮助你解决一些问题的JavaScript的小技巧

使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: 01 function Account(cash) { 02 this.cash = cash; 03 this.hasMoney

知乎上关于前端工作中经常遇到的问题总结

有哪些经常被误用的 HTML.JavaScript.CSS 的元素.方法和属性? 以前想要把一个元素(input 之类的)设成只读的时候都是用 disabled,后来发现这是不对的. 因为在 HTML 里面,如果一个元素被设置成 disabled, 那么它的值就不会被发送到 server 端. 正确的做法应该是使用 readonly. 那么除了这个 disabled,在 Web 开发中还有哪些东西是经常被误用的? 添加评论分享 按票数排序 按时间排序 21 个回答 一丝,专业 CSS 吐槽,下面

工程师如何在工作中提升自己?(公众号)

工程师如何在工作中提升自己? 2018-04-21 刘丁 程序人生 点击上方“程序人生”,选择“置顶公众号” 第一时间关注程序猿(媛)身边的故事 引言 古人云:“活到老,学到老.”互联网算是最辛苦的行业之一,“加班”对工程师来说已是“家常便饭”,同时互联网技术又日新月异,很多工程师都疲于应付,叫苦不堪.以至于长期以来流传一个很广的误解:35岁是程序员工作的终点. 如何在繁忙的工作中做好技术积累,构建个人核心竞争力,相信是很多工程师同行都在思考的问题.本文是我自己的一些总结,试图从三个方面来解答:

工作中使用到的技术和工具分享

已经很长时间没有写博客,7月份走出校门距离现在也有4个月了,没出校门之前以为自己懂得很多,真正工作了才发现自己学的东西真的已经落伍和过时了,在这里分享这四个月学习到的或者收藏的一些工作中需要使用的技术和工具,希望对还没走出校门的你们或者急需提升自己技术能力的伙伴有些许的帮助. 一.实用工具介绍 1)FQ工具:一只猫 | Jump Out Google是最好的老师,你遇到的问题和困难前人肯定都遇到过,技术资料不建议百度 2)抓包工具:Fiddler:Fiddler 抓包工具总结.charles 工

【测试理解】基于个人工作中的阶段性测试理解

今日整理了一些工作内容,具体内容无法发布上来,但是其中对于测试的理解相对于之前有一些新的认知~ 其中最底部为:质量和效率,保障质量,提升效率,是工作中的两个重要方向,质量是必须保证,效率是需要提升 基于以上两方面目标,会做出一个更细的划分,其中质量可从几个角度进行覆盖:服务稳定性.功能有效性.用户体验性等几个方面,效率上从几个方面进行覆盖:项目推进.人力安排.平台创新及优化 基于细化分析之后,结合项目情况,则需要清晰:项目架构技术实现.项目知识(业务发现面向客户.业务形态,覆盖端型,所处阶段等)

[工作中的设计模式]享元模式模式FlyWeight

一.模式解析 Flyweight在拳击比赛中指最轻量级,即“蝇量级”或“雨量级”,这里选择使用“享元模式”的意译,是因为这样更能反映模式的用意.享元模式是对象的结构模式.享元模式以共享的方式高效地支持大量的细粒度对象. 享元模式:主要为了在创建对象时,对共有对象以缓存的方式进行保存,对外部对象进行单独创建 模式要点: 1.享元模式中的对象分为两部分:共性部分和个性化部分,共性部分就是每个对象都一致的或者多个对象可以共享的部分,个性化部分指差异比较大,每个类均不同的部分 2.共性部分的抽象就是此模

openstack运维手册(个人实际工作中整理)

openstack运维手册,是本人在实际工作中整理的,现分享!!!因水平有限,欢迎广大朋友指正.具体文档见附件.