检查HTML字符串是否包含块级元素，可以使用JavaScript的DOM解析方法，比如通过document.createElement或innerHTML来创建

本文提供了一个PHP函数，用于检测给定的HTML字符串是否包含块级元素。该函数通过检查预定义的块级元素标签列表，并在HTML字符串中搜索这些标签来确定是否存在块级元素。本文还包含了示例代码和测试用例，方便读者理解和使用该函数。

在Web开发中，经常需要处理HTML字符串，并且有时候需要判断这些字符串是否包含块级元素。例如，当需要将HTML内容包裹在<span>或<div>元素中时，必须确保HTML字符串不包含块级元素，因为块级元素不能嵌套在行内元素中。

以下是一个PHP函数，用于检查HTML字符串是否包含块级元素：

function check_if_html_contains_block_elements($html) {
    if (!$html) {
        return false;
    }

    // 常见的块级元素标签
    $blocklevelElements = [
        'div',
        'p',
        'blockquote',
        'figure',
        'form',
        'h1',
        'h2',
        'h3',
        'h4',
        'h5',
        'h6',
        'ul',
        'ol',
        'pre',
        'table',
    ];

    foreach ($blocklevelElements as $element) {
        if (stripos($html, '<' . $element) !== false) {
            if (preg_match('#<' . $element . '[\s/>]#i', $html)) {
                return true;
            }
        }
    }
    return false;
}

代码解释：

1. 函数首先检查输入的HTML字符串是否为空。如果为空，则直接返回false。
2. 定义一个包含常见块级元素标签的数组$blocklevelElements。
3. 遍历$blocklevelElements数组，对于每个块级元素标签，使用stripos函数在HTML字符串中查找该标签。stripos函数不区分大小写。
4. 如果找到了标签，则使用正则表达式preg_match进一步验证，确保找到的是完整的标签，而不是标签的一部分。例如，防止将<pp>误判为<p>。正则表达式#<' . $element . '[\s/>]#i的含义是：
   • #: 正则表达式分隔符
   • < : 匹配小于号
   • $element: 匹配变量$element的值（即块级元素标签）
   • [\s/>]: 匹配一个空白字符或者大于号/，表示标签的结束
   • i: 不区分大小写
5. 如果找到任何块级元素标签，则返回true。
6. 如果遍历完所有块级元素标签都没有找到，则返回false。

使用示例：

$testCases = [
    [ /* expected result */ false, /* $html */ '' ],
    [ false, '<span>bla</span>'],
    [ false, 'asdf<span />bla'],
    [ true,  '<P>Hallo</P>'],
    [ true,  '<p >Hallo</p >'],
    [ true,  '<div class="hu">hu</div>'],
    [ true,  '<ol><li>hu</li></ol>'],
    [ true,  '<div />'],
    [ true,  '<div/>'],
    [ false, '<pp/>'],
    [ false, '<pp />'],
    [ false, '<pp class=""></pp>'],
    [ false, '<pp></pp>'],
];

foreach ($testCases as $testCase) {
    $expected = $testCase[0];
    $html = $testCase[1];
    $result = check_if_html_contains_block_elements($html);
    if ($result === $expected) {
        echo "Test passed for: " . $html . "\n";
    } else {
        echo "Test failed for: " . $html . ". Expected: " . $expected . ", Got: " . $result . "\n";
    }
}

注意事项：

• 此函数只检查常见的块级元素。完整的块级元素列表可以在 MDN Web 文档 中找到。可以根据实际需要扩展$blocklevelElements数组。
• 该函数使用简单的字符串搜索和正则表达式匹配。对于复杂的HTML结构，可能需要使用更强大的HTML解析器，例如DOMDocument。
• 此函数主要用于快速判断HTML字符串是否包含块级元素，以便进行后续处理。

总结：

本文提供了一个简单而有效的PHP函数，用于检查HTML字符串是否包含块级元素。通过使用该函数，可以避免将块级元素嵌套在行内元素中，从而确保HTML结构的正确性。在实际应用中，可以根据需要扩展块级元素列表，并根据HTML结构的复杂性选择合适的HTML解析方法。