【发布时间】:2016-06-02 15:12:21
【问题描述】:
我正在尝试包含一个 html“片段”。这件作品只是一个顶部带有注释的标题:
<!--
Flex Web Core v2.0.2
Available in Perforce //FlexWeb/v2.0.2
Date: 2016-04-07T16:30:29
-->
<header class="page-header">
<div class="page-header__inner"><a href="#" class="logo"></a>
</div>
</header>
此文件名为header-basic.html。
在我的 index.php 文件中,我有这一行来包含 header-basic.html
<?PHP include 'node_modules/flexwebcore/dist/html/blocks/header-basic.html'; ?>
basic-header html 不显示(无论是 .php 还是 .html 文件)。当我检查代码时,我可以看到 header-basic 文件的注释,但我没有看到包含的 HTML。有什么想法吗?
这里包含它:
<body>
<div class="page-container">
<!-- Place Header Here -->
<?PHP include 'node_modules/flexwebcore/dist/html/blocks/header-basic.html'; ?>
<main class="page-main">
</main>
</div>
</body>
编辑 所以,我相信我发现只有页眉和页脚文件没有显示出来。包含<header> 和<footer> 标签有问题吗?包含它们的位置是有效的。
【问题讨论】:
-
您如何检查生成的代码?您的浏览器花哨的 DOM 窗格不会显示实际的源代码,您必须使用 View Source 功能。 (顺便说一句,如果你的 PHP 文件没有 PHP 代码,我不会称它为 PHP。)
-
@ÁlvaroGonzález 我正在使用 Chrome 的元素检查器检查代码。它没有出现,但我能够将容器遍历到此标头应位于的位置。我看到的只是评论。当我查看页面源代码时,我看到了 HTML,但它根本没有显示在页面上。另外,我同意你的观点,它不是没有 php 的 php 页面,我正在测试
include函数是否需要 php。 -
那么很明显:您在不允许的地方注入了
<header>标签。我建议您使用HTML validator 验证您的页面并修复无效标记。 -
but it's not showing up at all on the page.- 您是否使用 css 设置标题元素的样式? -
@ÁlvaroGonzález,你能解释一下在哪里不允许使用标题吗?它在正文中,我不知道标题规则有任何其他例外。 HTML Validator 验证就好了