html锚点实现原理,了解HTML锚点基础知识

概念

元素 (或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说，元素不是一个链接，而是超文本锚点，可以链接到一个新文件、用id属性指向任何元素。如果没有元素没有href属性的话，可以作为原本链接位置的占位符，常用于home链接

[注意]任何文档流内容都可以被嵌套，只要不是交互内容类别(如按钮、链接等)

属性

href

href属性表示地址，共包括以下3种：

1、链接地址

百度

2、下载地址

下载测试

3、锚点

(1)href:#id名

内容

(2)href:页面地址#id名

足球比赛规则

[注意]href属性一定不要留空，若暂时不需要写地址，则写#或javascript:;。若href留空，会刷新页面

href与src的区别

href(hypertext reference)指超文本引用，表示当前页面引用了别处的内容

src(source)表示来源地址，表示把别处的内容引入到当前页面

所以、

4、手机号码

在移动端，使用

//里层框架

//锚点页

chap1(_self)chap2(_blank)chap3(_parent)chap4(_top)chap5(framename)

复制代码

download

download属性用来设置下载文件的名称(firefox/chrome/opera支持)

test

rel

rel属性表示表示链接间的关系

复制代码

alternate 相较于当前文档可替换的呈现

author 链接到当前文档或文章的作者

bookmark 链接最近的父级区块的永久链接

help 与当前上下文相关的帮助链接

license 当前文档的许可证

next 后一篇文档

prev 前一篇文档

nofollow 当前文档的原始作者不推荐超链接指向的文档

noreferer 访问时链接时不发送referer字段

prefetch 预加载链接指向的页面(对于chrome使用prerender)

search 用于搜索当前文档或相关文档的资源

tag 给当前文档打上标签

复制代码

【应用】当一篇篇幅很长的文章需要多页显示时，配合next或prev可以实现前后页面导航的预加载

前一页

后一页

//当然prefetch也可以用于预加载其他类型的资源

注意事项

1、标签的文本颜色只能自身进行设置，从父级继承不到

2、标签的下划线颜色跟随文本颜色进行变化

3、标签不可嵌套标签

复制代码

[1]从父级继承不到红色字体

[2]下划线颜色与文本同色

前面[3]a标签不可嵌套

html锚点实现原理,了解HTML锚点基础知识相关推荐

图像识别的原理和应用：从基础知识到实际案例
图像识别的原理和应用:从基础知识到实际案例图像识别是一种利用计算机对图像进行处理.分析和理解,以识别各种不同模式的目标和对象的技术.图像识别是人工智能和计算机视觉的一个重要分支,它在各个领域都有广泛 ...
计算机系统组成及工作原理PPT,第二章计算机基础知识 2.1 计算机系统的组成与工作原理 2.2 数制转换及运算 2.3 数据在计算机中的表示....
Presentation on theme: "第二章计算机基础知识 2.1 计算机系统的组成与工作原理 2.2 数制转换及运算 2.3 数据在计算机中的表示."- Presen ...
微机原理与接口技术的基础知识
微机原理与接口技术微控制单元 (Microcontroller Unit:MCU) ,又称单片微型计算机 (Single Chip Microcomputer )或者单片机,是把中央处理器 (Cen ...
海南大学计算机原理,海南大学微机原理课件第一章计算机基础知识
第一章计算机基础知识数制 §1.1 一.计算机使用的数制及其相互转换十进制(D).二进制(B).八进制(O)和十六进制(H). 数制中用少量数码按次序排列成数位,并按由低到高的进位方式进行计 ...
[笔记]通信与信号系统篇通信原理、计算机网络、DSP基础知识
· 自由空间传播模型 Free-Space Progpagation Model 当移动台和基站天线在视距范围之内时,电波传播的主要方式是直射波.直射博传播可以按照自由空间传播来分析.由于传播路径中没 ...
DL：深度学习(神经网络)的简介、基础知识(神经元/感知机、训练策略、预测原理)、算法分类、经典案例应用之详细攻略
DL:深度学习(神经网络)的简介.基础知识(神经元/感知机.训练策略.预测原理).算法分类.经典案例应用之详细攻略目录深度学习(神经网络)的简介 1.深度学习浪潮兴起的三大因素深度学习(神经网络 ...
IM开发基础知识补课：正确理解前置HTTP SSO单点登陆接口的原理
1.前言一个安全的信息系统,合法身份检查是必须环节.尤其IM这种以"人"为中心的社交体系,身份认证更是必不可少. 一些PC时代小型IM系统中,身份认证可能直接做到长连接中(也就是 ...
二、BLDC矢量控制基础知识：SVPWM原理
SVPWM空间矢量脉宽调制这里从三相逆变桥说起,介绍工作原理,逐步过渡到SVPWM实施的各种理论细节中,和之前学习坐标变换一样,SVPWM的学习也需要思考和总结,才能把看过的知识掌握.这是一个完整工 ...
使用uniapp实现锚点跳转，主按钮消失在视口时显示锚点按钮，点击锚点按钮页面返回主按钮位置
使用uniapp实现锚点跳转,主按钮消失在视口时显示锚点按钮,点击锚点按钮页面返回主按钮位置 onpagescroll页面滑动监听事件获取视口高度和按钮(btn-bg)距离顶部高,便可计算按钮离开视 ...

html锚点实现原理,了解HTML锚点基础知识

html锚点实现原理,了解HTML锚点基础知识相关推荐

最新文章

热门文章