什么是锚(anchor)
anchor的定义:
Definition:
An anchor is another word for internal link or bookmark on a web page. An anchor is a link that links within the same page of the document.
Alternate Definition of Anchor
Some designers use the term anchor to refer to any hyperlink on a web page. This definition stems from the fact that the HTML tag to create a link is the <a> tag or anchor tag.
internal links定义:
Definition:
An internal link is a link on a web page that links to another page on the same site or domain. Most internal links are used as navigation around the site or to provide additional information about a topic.
Alternate Definition of an Internal Link
Beyond being links to other pages on the same domain, internal links (often calledbookmarks or ) are also the links within one page. These links are usually found in tables of contents or as navigation within a long page. They allow designers to point to just the part of the page that is relevant.
<a>标签,anchor、link
A key feature of the web is the ability to connect (hyperlink or ‘link’) resources, including webpages, media files (images, video, etc.) and programs.
A hyperlink can be made from a document to:
- a different resource (source anchor)
For example from a webpage to a Word document, or - a location within the current document (destination anchor)
For example from a menu at the top of the page to a point somewhere else on the same webpage.
Both the source and the destination of a link are referred to as anchors.
Source anchors
A source anchor is created in an HTML document (webpage) by adding an anchor element (<a>
) with a hypertext reference (href
) containing a uniform resource identifier (URI).
Using the code for a link to the Motive homepage as an example:
This glossary is compiled by <a href="http://www.motive.co.nz">Motive</a>.
<a href="http://www.motive.co.nz">Motive</a>.
\_______href attribute_______/
\______________(source) anchor_____________/
Destination anchors
A destination anchor is created by adding a fragment identifier, this is either:
Hyperlink | Element | Destination anchor code | Source anchor code |
---|---|---|---|
Page top |
<a>
|
<a name="pagetop"></a>
|
<a href="#pagetop"> Page top </a>
|
Content |
<a>
|
<a name="content"></a>
|
<a href="#content"> Content </a>
|
Destination anchors |
<h2>
|
<h2 id="destination"> Destination anchors </h2>
|
<a href="#destination"> Destination anchors </a>
|
什么是锚(anchor)相关推荐
- html5对锚的更改,HTML5之锚链接
锚链接一般用于本页面的跳转,比如页面太长,到了尾部要瞬间到顶部,就可以用锚链接. 如下图所示: 示例:点击"数码 男装 女装 电影 音乐会 通信 阅读 美容 旅游"等就能跳转到相关 ...
- 全卷积目标检测:FCOS
全卷积目标检测:FCOS FCOS: Fully Convolutional One-Stage Object Detection 原文链接:https://arxiv.org/abs/1904.01 ...
- ARKit 与 ARCore比对(三)
ARKit 和 ARCore剖析.结构.原理介绍 ARKit 和 ARCore 都是三部分:相机姿态估计, 环境感知(平面估计)及光源感知. ARCore 的部分源码:https://github.c ...
- qml基础学习 基础概念
一.概括 学习qt已有2年多的时间,从qt4.7开始使用直到现在正在使用的qt5.6,基本都在windows机器上做开发.最近有意向看了下qt的qml部分,觉着还是挺不错的,毕竟可以做嵌入式移动端产品 ...
- clamav病毒库格式解析
clamav简介 Clam AntiVirus(ClamAV)是免费而且开放源代码的防毒软件,软件与病毒码的的更新皆由社群免费发布.目前ClamAV主要是使用在由Linux.FreeBSD等Unix ...
- 019_html超链接
1. html使用超链接与网络上的另一个文档相连. 2. 几乎可以在所有的网页中找到超链接.点击超链接可以从一张页面跳转到另一张页面. 3. html超链接 3.1. 超链接可以是一个字, 一个词, ...
- 在html中超链接_HTML 超级链接详细讲解
超级链接 超级链接是网站中使用比较频繁的HTML元素,因为网站的各种页面都是由超级链接串接而成,超级链接完成了页面之间的跳转.超级链接是浏览者和服务器的交互的主要手段,在后面的技术中会逐步深化学习. ...
- html语言书写注意事项,HTML注意事项(学习笔记)
1. 在所有浏览器中都是有效的,但使用 其实是更长远的保障.类似的标签也一样 2.标签最好用小写,未来的版本中可能强制用小写 3.标签属性 始终为属性值加引号 属性值应该始终被包括在引号内.双引号是最 ...
- POSIX风格正则表达式
From: http://blog.chinaunix.net/space.php?uid=20501242&do=blog&id=1940007 4.9 POSIX风格正则表达式 ...
- 从R-CNN到Faster R-CNN漫谈
本文相当长......... object detection,就是在给定的图片中精确找到物体所在位置,并标注出物体的类别.object detection要解决的问题就是物体在哪里,是什么这整个流程 ...
最新文章
- 感受hook里useEffect的执行顺序,hook倒计时
- Ubuntu中的root权限
- python实现一个简单的加法计算器_Python tkinter实现简单加法计算器代码实例
- Centos MySql基础
- 如何优雅的使用RabbitMQ?
- 编程之美读书笔记2.1—求二进制数中1的个数
- docker启动elasticsearch——ERROR: Elasticsearch did not exit normally - check the logs at xxx
- 10年10亿才能烧好电子商务?
- 利用Python脚本编写一个学生平均成绩
- HTML知识积累及实践(六) - pre,混合框架
- word2vec原理CBOW与Skip-Gram模型基础
- java 热力图,热力图
- 修改build.prop文件,可更改新浪微博尾巴显示
- MSP430 BSL编程原理
- centos python3, There was a problem confirming the ssl certificate
- 计算机查找全部文件,一键找到你电脑中的所有文件
- DDR/GDDR和HBM区别,及内存标准如何选择?
- 图像处理-Opencv入门(3)-图像的基本运算(1)-代数运算
- 三万字速通JavaScript
- java获取keyvault_使用 Key Vault 引用 - Azure App Service | Microsoft Docs