首页 » 网站建设 » phphtml锚点技巧_html中的锚点

phphtml锚点技巧_html中的锚点

访客 2024-11-11 0

扫一扫用手机浏览

文章目录 [+]

一、页面内跳转的锚点设置

页面内的跳转须要两步:

phphtml锚点技巧_html中的锚点

方法一:

phphtml锚点技巧_html中的锚点
(图片来自网络侵删)

①:设置一个锚点链接<a href=\"大众#miao\公众>去找喵星人</a>;(把稳:href属性的属性值最前面要加#)

②:在页面中须要的位置设置锚点<a name=\"大众miao\"大众></a>;(把稳:a标签中要写一个name属性,属性值要与①中的href的属性值一样,不加#)标签中按需填写必要的笔墨,一样平常不写内容

方法二:

①:同方法一的①

②:设置锚点的位置 <h3 id=\"大众miao\公众>喵星人基地</h3>;在要跳转到的位置的标签中添加一个id属性,属性值与①中href的属性值一样,不加#

方法二不用单独添加一个a标签来专门设置锚点 ,只在须要的位置的标签中添加一个id即可。

小案例:

<!DOCTYPE html PUBLIC \公众-//W3C//DTD XHTML 1.0 Transitional//EN\"大众 \"大众http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"大众>

<html xmlns=\"大众http://www.w3.org/1999/xhtml\公众 xml:lang=\"大众en\"大众>

<head>

<meta http-equiv=\公众Content-Type\公众 content=\"大众text/html;charset=UTF-8\公众>

<title>萌宠集结号</title>

</head>

<body>

<ul>

<li><a href=\公众#miao\"大众>去找喵星人</a></li>

<li><a href=\"大众#wang\公众>去找汪星人</a></li>

<li><a href=\"大众#meng\"大众>其他萌物</a></li>

</ul>

<a name=\"大众miao\"大众></a><!--设置锚点方法1-->

<h3 id=\"大众miao\"大众>喵星人基地</h3><!--设置锚点方法2-->

<p>喵喵喵~</p>

<p>喵喵喵~</p>

<p>喵喵喵~</p>

<p>喵喵喵~</p>

<p>喵喵喵~</p>

<p>喵喵喵~</p>

<a name=\"大众wang\"大众></a>

<p>汪汪汪~</p>

<p>汪汪汪~</p>

<p>汪汪汪~</p>

<p>汪汪汪~</p>

<p>汪汪汪~</p>

<p>汪汪汪~</p>

<a name=\"大众meng\"大众></a>

<p>萌萌萌~</p>

<p>萌萌萌~</p>

<p>萌萌萌~</p>

<p>萌萌萌~</p>

<p>萌萌萌~</p>

<p>萌萌萌~</p>

</body>

</html>

二、跨页面跳转

①:设置锚点链接,在href中的路径后面追加:#+锚点名,即可

如:<a href=\"大众萌宠集结号.html#miao\"大众>跳转到萌宠集结号页面</a>

②:要跳转到的页面中要设置锚点,方法见一种的步骤②,两个方法任选其一。

标签:

相关文章

四十岁,开启语言学习新篇章

在这个信息爆炸的时代,学习新技能、拓展知识面已成为许多人追求的目标。面对种种压力和挑战,许多人都会陷入一个误区:年龄越大,学习新事...

网站建设 2024-12-27 阅读0 评论0

数字化转型,IT部门的新使命与挑战

随着科技的飞速发展,我国正迈入一个崭新的数字化时代。在这个时代背景下,IT部门作为企业数字化转型的核心力量,承担着至关重要的使命。...

网站建设 2024-12-27 阅读0 评论0

哇嘎兼容协议,构建万物互联的未来生态

随着信息技术的飞速发展,万物互联已经成为未来社会发展的趋势。在这个背景下,哇嘎兼容协议作为一种新型的通信协议,应运而生。本文将围绕...

网站建设 2024-12-27 阅读0 评论0

新疆IT企业蓬勃发展,引领西部经济新潮流

随着我国西部大开发的深入推进,新疆作为丝绸之路经济带核心区,其经济发展日新月异。在众多产业中,新疆IT企业如雨后春笋般涌现,成为推...

网站建设 2024-12-27 阅读0 评论0

旅游IT人才,引领智慧旅游新风尚

随着互联网技术的飞速发展,旅游业也迎来了前所未有的变革。旅游IT人才作为连接旅游产业与信息技术的桥梁,扮演着至关重要的角色。本文将...

网站建设 2024-12-27 阅读0 评论0