刻舟可求剑：HTML锚的妙用

马黑黑

HTML中的链接概念大家都不会陌生。它是由 <a> 标签实现的，a 标签的写法样式通常为<a href="地址" target="_blank">马黑大草原</a> 之类的。这就是“锚”。

锚是一种标记，类似于路标，访客可通过它到达锚所指引的目的地。目的地不仅仅是web页以外的，它也可以是页内的锚，犹如宝剑从船上跌落下水的船缘，我们在坐船的地方刻一个记录，待船靠岸了，好雇人从此处下水打捞。

现实中这把宝剑很悲催，它的唯一结局是两个字：88。可在HTML世界里，奇迹有的是，宝剑永远是我们的宝剑，丢不了。

我们在船沿上刻下的记录，实际上是一个页内节点锚，href = "#XX" 之类的，这里，我们通过符号 # 指向了名为 XX 的目的地，href 要带我们去的是这么一个地方：id 为 XX 的元素处。试看：

船沿上的锚：<a href="#pic18">18号图片</a>
宝剑落水处：<img src="图片地址" id="pic18" alt="" />

宝剑落水的地方有 id 标识，船沿上刻的锚是指向了该 id 标识，指向明确，宝剑哪有找不到的道理！

在HTML世界，这也叫页内漫游。

小结：a 标签，可以通过赋予 href 一个 id 值，即 href="#id" ，指向拥有该 id 的元素所在处，从而达成页内漫游的目的。

我将给出一个利用页内锚的范例，敬请期待。

加林森

来学习~~~~~~~~~~~

红影

刻舟求剑，这个成语用得很形象，一下子对这个标签留下了深刻印象。

红影

这个也跟种蛊差不多，体内一旦被种下追踪特定蛊，无论跑到千里之外，都会被追踪到

马黑黑

红影 发表于 2022-1-31 10:49
这个也跟种蛊差不多，体内一旦被种下追踪特定蛊，无论跑到千里之外，都会被追踪到

不要说的那么迷信，用科学的方法来讲吧，这叫定位机制，可能隶属于北斗

马黑黑

加林森 发表于 2022-1-31 09:44
来学习~~~~~~~~~~~

马黑黑

红影 发表于 2022-1-31 10:48
刻舟求剑，这个成语用得很形象，一下子对这个标签留下了深刻印象。

我做了一个灵活运用的范例：

http://gxblk.byethost11.com/art/ ... p;art=hm_1643597810

它还不好应用到这里，我要改装一下，因为我使用了 dl 列表标签，dz论坛使用大量的这个标签，这里只能用 class 选择器，还要防止同名

加林森

马黑黑 发表于 2022-1-31 11:03

谢谢老黑！

红影

马黑黑 发表于 2022-1-31 10:59
不要说的那么迷信，用科学的方法来讲吧，这叫定位机制，可能隶属于北斗

北斗新功能

红影

马黑黑 发表于 2022-1-31 11:05
我做了一个灵活运用的范例：

http://gxblk.byethost11.com/art/show.php?st=3&sd=htcss&art=hm_164359 ...

这个我就不懂了。黑黑厉害

马黑黑

红影 发表于 2022-1-31 12:35
这个我就不懂了。黑黑厉害

在论坛上用不上，dz对帖子的链接做了定义，不许页内导航。此前碰上过的，我给忘记了

马黑黑

红影 发表于 2022-1-31 12:34
北斗新功能

功能多多

马黑黑

加林森 发表于 2022-1-31 12:02
谢谢老黑！

客气了

加林森

马黑黑 发表于 2022-1-31 12:45
客气了

必须的

马黑黑

加林森 发表于 2022-1-31 13:17
必须的

樵歌

小黑又搞千里不留下行，十步杀一人的游戏了吗。

马黑黑

樵歌 发表于 2022-1-31 14:50
小黑又搞千里不留下行，十步杀一人的游戏了吗。

这类游戏都玩腻了

樵歌

马黑黑 发表于 2022-1-31 15:05
这类游戏都玩腻了

原来还是风云高手。

加林森

马黑黑 发表于 2022-1-31 13:33

红影

马黑黑 发表于 2022-1-31 12:40
在论坛上用不上，dz对帖子的链接做了定义，不许页内导航。此前碰上过的，我给忘记了

dz太霸道了