如何将 HTML 中的 标签与后续内容分组为嵌套数组

胖宇小哥_7128

胖宇小哥_7128

2026-02-04

461人浏览

原创

如何将 HTML 中的 <h2> 标签与后续内容分组为嵌套数组
标签与后续内容分组为嵌套数组 " />

本文介绍如何使用 php 将混合 html 字符串(含多个 `

` 及其后续 `

` 等标签)按语义逻辑分组:每个 `

` 作为新分组的起始,其后直到下一个 `

` 前的所有元素归入同一子数组。

在构建 FAQ 列表、文档解析或 CMS 内容结构化等场景中,常需将扁平的 HTML 片段(如

标题 +

描述)转换为结构化数据。核心思路是:以

为分组锚点,动态创建子数组,并将后续非

元素追加至当前组,直到遇到下一个

。

以下是一个简洁可靠的 PHP 实现:

$input = [
    "<h2>While registration its showing email address already exists</h2>",
    "<p>You can use one email address</p>",
    "<h2>While registration its showing </h2>",
    "<p>The usernames are unique.</p><div class="aritcle_card flexRow artxards">
											<div class="artcardd flexRow">
												<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill10595" title="htmlppt.skill"><img
														src="https://img.php.cn/upload/skill/001/246/273/6adaf20d79f23518.jpg" alt="htmlppt.skill" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
												<div class="aritcle_card_info flexColumn">
													<a rel="nofollow" href="/xiazai/skill10595" title="htmlppt.skill" class="overflowclass">htmlppt.skill</a>
													<p class="overflowclass">把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件(幻灯片风格)。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本,并且希望生成演示用的 HTML 时触发。支持任意内容来源:iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区,并通过企微直接发送给用户。触发词示例:帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。</p>
												</div>
												<a rel="nofollow" href="/xiazai/skill10595" title="htmlppt.skill" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
												</a>
											</div>
										</div>",
];

$outputArray = [];
$groupIndex = -1;

foreach ($input as $html) {
    if (str_contains($html, '<h2>')) {
        $groupIndex++;
        $outputArray[$groupIndex] = []; // 初始化新分组
    }
    // 无论是否为 h2,都追加到当前组(确保 h2 自身也被包含)
    $outputArray[$groupIndex][] = $html;
}

// 输出示例:
// [
//   ["<h2>While registration...</h2>", "</h2><p>You can use...</p>"],
//   ["<h2>While registration...</h2>", "<p>The usernames...</p>"]
// ]

✅ 关键说明:

  • str_contains($html, '

    ') 是 PHP 8.0+ 推荐写法;若使用低版本,请替换为 strpos($html, '

    ') !== false。

  • $groupIndex 初始设为 -1,首次匹配

    时自增为 0,确保索引从 0 开始,避免空首项。

  • 每个

    行自身也存入对应子数组 —— 这是生成最终 ques/ans 对的基础(后续可配合 strip_tags() 提取纯文本)。

? 进阶建议(生成 FAQ 对象):
若需直接输出类似问题中所需的 [{ 'ques': ..., 'ans': ... }] 结构,可在分组后进一步处理:

$faq = [];
foreach ($outputArray as $group) {
    $ques = strip_tags($group[0]); // 提取第一个 <h2> 的文本
    $ans  = '';
    for ($i = 1; $i  trim($ques),
        'ans'  => trim($ans)
    ];
}</h2>

该方案健壮、易读、无依赖,适用于服务端 HTML 内容预处理,是构建结构化文档或知识库的理想起点。

前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!

相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

php html cms

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.03

1818

5

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2023.09.04

2884

5

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

2023.10.24

6204

49

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

2023.11.24

6009

6

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

2024.03.22

7614

16

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

2024.04.29

11394

11

go语言字符串相关教程
go语言字符串相关教程

本专题整合了go语言字符串相关教程,阅读专题下面的文章了解更多详细内容。

2025.07.29

5879

17

c++字符串相关教程
c++字符串相关教程

本专题整合了c++字符串相关教程,阅读专题下面的文章了解更多详细内容。

2025.08.07

6467

13

常用字符串方法大全
常用字符串方法大全

常用字符串方法大全

2025.08.08

3208

14

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
墨刀帮助中心
墨刀帮助中心

共0课时 | 0人学习

MyEclipse学习中心
MyEclipse学习中心

共0课时 | 0人学习

Apache Subversion 官方手册
Apache Subversion 官方手册

共0课时 | 0人学习