刻舟可求剑：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 的元素所在处，从而达成页内漫游的目的。
我将给出一个利用页内锚的范例，敬请期待。
来学习~~~~~~~~~~~ 刻舟求剑，这个成语用得很形象，一下子对这个标签留下了深刻印象。{:4_173:} 这个也跟种蛊差不多，体内一旦被种下追踪特定蛊，无论跑到千里之外，都会被追踪到{:4_173:} 红影 发表于 2022-1-31 10:49
这个也跟种蛊差不多，体内一旦被种下追踪特定蛊，无论跑到千里之外，都会被追踪到
不要说的那么迷信，用科学的方法来讲吧，这叫定位机制，可能隶属于北斗 加林森 发表于 2022-1-31 09:44
来学习~~~~~~~~~~~
{:4_180:} 红影 发表于 2022-1-31 10:48
刻舟求剑，这个成语用得很形象，一下子对这个标签留下了深刻印象。
我做了一个灵活运用的范例：
http://gxblk.byethost11.com/art/show.php?st=3&sd=htcss&art=hm_1643597810
它还不好应用到这里，我要改装一下，因为我使用了 dl 列表标签，dz论坛使用大量的这个标签，这里只能用 class 选择器，还要防止同名 马黑黑 发表于 2022-1-31 11:03
谢谢老黑！ 马黑黑 发表于 2022-1-31 10:59
不要说的那么迷信，用科学的方法来讲吧，这叫定位机制，可能隶属于北斗
北斗新功能{:4_173:} 马黑黑 发表于 2022-1-31 11:05
我做了一个灵活运用的范例：
http://gxblk.byethost11.com/art/show.php?st=3&sd=htcss&art=hm_164359 ...
这个我就不懂了。黑黑厉害{:4_187:} 红影 发表于 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
必须的
{:4_180:} 小黑又搞千里不留下行，十步杀一人的游戏了吗。{:4_189:} 樵歌 发表于 2022-1-31 14:50
小黑又搞千里不留下行，十步杀一人的游戏了吗。
这类游戏都玩腻了 马黑黑 发表于 2022-1-31 15:05
这类游戏都玩腻了
原来还是风云高手。{:4_189:} 马黑黑 发表于 2022-1-31 13:33
{:4_190:} 马黑黑 发表于 2022-1-31 12:40
在论坛上用不上，dz对帖子的链接做了定义，不许页内导航。此前碰上过的，我给忘记了
dz太霸道了{:4_173:}
页:
[1]
2