检查元素后出现奇怪的HTML问题

Question

我的HTML有一个奇怪的问题。它几乎就像是出于某种原因被逃脱了。问题出在我的标签上，它呈现为：

<h3&nbsp;class="custom-image-text">Student Stories
                </h3&nbsp;class="custom-image-text">

我正在尝试使用括号编辑器（通常使用sublime），但我不认为编辑器是问题所在。也尝试在JSFiddle上获得相同的结果（当你检查元素时）。我将在代码片段中添加我的代码，但如果它没有在那里执行，我将链接到JSFiddle，任何想法发生了什么？我还要补充一下，我做了“猫”和“猫”。正如我所料，文件和HTML在标签上是干净的

＆＃13;

＆＃13;

            <div class="custom-image-container">
                <img class="front-page-flex-image" src="<?php echo get_template_directory_uri() . '/images/startup.jpg'; ?>" />
                <div class="custom-image-overlay">
                    <h3 class="custom-image-text">Student Stories</h3>
                </div>
            </div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

问题是您的HTML代码还包含PHP。您需要通过PHP处理该代码，这将返回HTML。