如何在PHP中实现类似HTML通过锚点跳转至页面指定位置的功能

实现逻辑说明 #

锚点（URL中#加对应元素id的片段）跳转本质是浏览器端的原生能力，和服务端运行的PHP没有直接关联。PHP作为服务端语言，只需要负责动态生成带锚点信息的HTML内容、或者重定向地址带锚点即可，最终的定位跳转仍由浏览器完成。

场景1：PHP动态输出带锚点的跳转链接

示例代码如下：

<?php
// 可根据业务逻辑动态配置目标页面、锚点id、链接文本
$target_page = '/ehacking.html';
$anchor_id = 'security';
$link_text = '了解更多';
?>

<!-- 最终输出的a标签和原生HTML效果完全一致 -->
<a href="<?php echo $target_page . '#' . $anchor_id; ?>" class="text-indigo-500 inline-flex items-center mt-4" target="_blank">
    <?php echo $link_text; ?>
</a>

场景2：PHP动态生成带id属性的锚点目标元素

要跳转的目标元素的id也可以通过PHP动态输出：

<?php
$anchor_id = 'security';
$course_intro = '本课程从零基础讲解道德黑客相关内容，无论是该领域的新手，还是不知道从何入手的学习者，都可以从本课程开始学习.....';
?>

<p id="<?php echo $anchor_id; ?>" class="leading-relaxed">
    <?php echo $course_intro; ?>
</p>

场景3：PHP服务端重定向时携带锚点

如果需要通过PHP的重定向能力跳转到对应页面的指定位置，直接在重定向地址中拼接锚点即可：

<?php
// 重定向后浏览器会自动定位到对应页面的security锚点位置
header('Location: /ehacking.html#security');
exit;

内容的提问来源于stack exchange，提问作者Tech2 Surface