＜a＞标签易忽视的两个使用

最新推荐文章于 2022-04-09 15:35:45 发布
最新推荐文章于 2022-04-09 15:35:45 发布
阅读量89 收藏
点赞数
分类专栏： 前端 html 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40636998/article/details/109684698
版权
前端 同时被 2 个专栏收录
22 篇文章 0 订阅
订阅专栏
html
1 篇文章 0 订阅
订阅专栏

1.文件下载

<a href="base.zip"></a>

此处拿本地压缩包测试,其他格式的文件也是可以的,文件下载用到的就是这个属性.例如之前写的一篇文章就是用的这个属性的作用PDF文件下载
2.跳转本页面的某个位置

<a href="#cat">猫咪</a>
<!--此处省略很多代码-->
<h4 id="cat">猫咪简介</h4>

href中由#加要跳转部分id名称,点击即可跳转到id地方

莫逸雪
关注
专栏目录
Vue.js2.0基础：在html中绑定数据（四）
青红造了个大白之成长记
04-21 1464
Mustache 语法 什么叫Mustache语法，别被这高大上的叫法吓到了，其实就是双大括号{{ }}的写法，在之前演示过在视图中显示我们的数据，这是最常见的绑定方式。有了它，我们可以轻松地在视图显示我们的数据并及时自动更新，无需手动控制。 <divid="app">{{ name }}</div> <script> letapp=new...
CSS学习之基础语法
花果山的和尚的博客
07-10 2726
贫僧今天开始学习CSS。
HTML5（一）——特性、优缺点、标签
a00393的博客
07-26 1542
一、HTML5特性 1、HTML5 八个特性类别对应的8个Logo 　 语义化、离线&存储、设备访问、通信 多媒体、图形和特效、性能和集成、呈现（CSS3） 1.1、语义特性（Class：Semantic）：HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的。 1.2、本地存储特性（Class: OFFLINE & STORA...
A标签的另类用途
iteye_14862的博客
12-06 115
A标签，俗称超级链接。 最常见的用法：用来触发A页面打开B页面的操作。 另类用法：指定转到同一页面任意位置。 使用语法： 1、需要转到地方添加，文字 2、需要在被转到位置添加一个标签，name=标记...
关于<a></a>标签的简单的自我总结
itrytellyou的博客
04-05 1286
声明：本篇博客是笔者自己的总结加上查找一些资料写成。a标签的介绍这个笔者不在累赘，主要来谈谈a标签的href属性。 1，关于href属性中的javaScript代码           a标签中的JavaScript是一个伪协议,表示url的内容通过JavaScript执行，其他的伪协议还有mail，tel,file等，           javaScript表示的是在触发a标
使用a标签时，可能会忽略的一个安全问题
txun123的博客
04-09 940
本篇文章将会说到a标签_blank的缺陷和同进程产生的问题和解决方法，a标签有什么安全问题？有兴趣的小伙伴，可以来看一下哦~ a标签_blank的缺陷: 当一个链接使用target="_blank"的方式，这个链接会打开一个新的TAB，但会和原始页面[点击链接页]占用一个进程。如果新的页面因为资源过大或有一个很高的加载时间，那么也会影响到原始页面的展示。 同进程产生的问题 同域：可以在新页面访问到原始页内的所有内容，包括document对象，方法(window.opener.document) 异
2.2、CSS选择器
ShawnYue_08的博客
07-04 234
文章目录CSS选择器基础选择器ID选择器类选择器标签选择器选择器的优先级选择器的分组层次选择器后代选择器子元素选择器相邻兄弟选择器通用选择器伪类选择器属性选择器 CSS选择器 选择器的作用就是根据不同需求，把不同的标签选择出来。 基础选择器 ID选择器 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type=
JavaScript的Vue框架知识点大全
梓栋DREM
04-23 4867
1 简易安装 要使用Vue.js，我们得先把它安装到我们的项目中，说明了简易安装，我们讲解的肯定是最简单的方法，先不管那些高大上的费时间的安装方法，直接引入一个js文件. 官网提供了Vue.js源码下载的地方：https://cdn.jsdelivr.net/vue/2.1.3/vue.js 如果你不想下载到本地，要可以直接用CDN的方式，引入网上资源，一样可以： <script src=...
HTML标签错误盘点：避免这10大误区
这两个标签分别用于闪烁和滚动文本，但已被W3C弃用，因其对用户体验和可访问性造成负面影响。如需类似效果，应借助CSS动画或JavaScript实现。 遵循这些最佳实践，可以提升HTML代码的规范性，使其更具语义化，同时...
用HTML+CSS做一个漂亮简单的节日网页【元宵节】
08-10
- **超链接**: 利用`<a>`标签，可以在网页间建立超链接，方便用户浏览不同的内容。例如，每个节日都可以有一个独立的页面，用户可以通过导航栏快速访问。 - **二级菜单**: 实现下拉式的二级菜单功能，增强用户体验。...
《Java8实战》笔记（14）：函数式编程的技巧
KISS
08-19 781
函数式编程的技巧 无处不在的函数 术语“函数式编程”意指函数或者方法的行为应该像“数学函数”一样—— 没有任何副作用。 对于使用函数式语言的程序员而言，这个术语的范畴更加宽泛，它还意味着函数可以像任何其他值一样随意使用：可以作为参数传递，可以作为返回值，还能存储在数据结构中。 能够像普通变量一样使用的函数称为一等函数（first-class function）。这是Java 8补充的全新内容：通过::操作符，你可以创建一个方法引用，像使用函数值一样使用方法，也能使用Lambda表达式（比如，(int x)
a标签的使用、特性
zyz00000000的博客
12-28 2424
HTML<a>元素 (或锚元素)创建一个到其他网页，文件，同一页面内的位置，电子邮件地址或任何其他URL的超链接。 一、使用——href属性 1、超链接： <a href="http://www.mozilla.com/">External Link</a> （1）关于超链接的路径 参考这篇文章：url网址、决定路径、相对路径 （2）target属性： 规定在何处打开目标 URL。仅在 href 属性存在时使用。 _blank：新窗口打开。 ...
前端实现PDF文件下载的两种方式
热门推荐
莫逸雪的博客
07-09 3万+
方式一：使用html2canvas和jspdf插件实现 该方式是通过html2canvas将HTML页面转换成图片，然后再通过jspdf将图片的base64生成为pdf文件。实现步骤如下： 1,下载插件模块 npm install html2canvas jspdf --save 2,定义功能实现方法 在项目工具方法存放文件夹utils中创建htmlToPdf.js文件，代码如下： // 导出页面为PDF格式 import html2Canvas from 'html2canvas' import JsP
element-ui dialog设置为点击弹窗以外的区域不关闭弹窗
莫逸雪的博客
11-24 6692
第一种: 在el-dialog标签中添加:close-on-click-modal="false"即可 <el-dialog title="标题" :close-on-click-modal="false" :visible.sync="dialogEnrol" width="30%"> 弹窗内容 </el-dialog> 第二种:全局设置 在mian.js里面： import ElementUI from 'element-ui'; // 修改 el-dialog 默认点击
echarts设置hover提示框
莫逸雪的博客
06-13 6279
1.写的位置： 第一种：默认方式 tooltip: { trigger: 'axis' }, 加上这句就显示提示框,效果图如下： 第二种：自定义显示形式 tooltip: { trigger: 'axis', formatter: '{b0}<br/>{a0}: {c0}家<br/>{a1}: {c1}元' } 效果图如下： 这种方式面临的问题： 解决(有点暴力，后期想到其他方式再更新)：
element tree封装为可控制只可选末级或都可选(1)
莫逸雪的博客
12-16 2435
要求一:只可选择末级节点的数据,所以采用了只有末级节点有checkdbox来控制. 要求二:选择末级节点情况下,是控制单选的,采用给每个节点加disabled属性,已选择时其他设置为不可选. 要求三:后台传的数据(共三级节点,有的只有二级影响checkedbox展示)需要拿到数据后进行过滤 要求四:实用性强,还需要满足节点都可选的业务,也就是说需要父组件传个flag值控制是都可选还是只有末节点可以传 封装的组件代码: <template> <vab-dialog ref="di
col-md-offset-* 设置完不起作用
莫逸雪的博客
07-09 2243
bootstrap栅格化设置col-md-offset-* 在今天使用时发现不起作用，扒拉一下官网发现原来4.0以后已经做了修改。 offset-4或者offset-md-4都是可以的 代码： <div class="row"> <div class="offset-md-3 col-md-3">col-md-3</div> <div class="offset-3 col-md-3">col-md-3
父组件调用弹窗子组件
莫逸雪的博客
09-12 1689
父组件： <template> <div> <el-button @click="show">按钮</el-button> <!-- 弹框子组件 --> <!-- :addOrUpdateVisible为子附件props内的名字，先写props再调用--> <!-- changeShow为子组件emit的方法名字--> <mydialog :addOrUpdateVisible=
理解HTML中的<strong>、<em>及其他语义短语元素
随着Web标准的发展，推荐使用`<strong>`和``来替代它们，因为这<em>两个标签带有更强的语义含义。`<strong>`表示重要性或强度，而`<em>`表示强调或重要引用。这种转变是为了使网页内容更加结构化，有助于提升可访问...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值