Question

到目前为止，我已经完成了纯HTML，CSS和JS / JQuery的工作，但我现在正在开发更多 - 享受它的负载！

遇到PHP文件模板问题 - 使用header.php，index.php和footer.php文件时，我的索引输出在加载文件时会呈现一个额外的样式标记（即为空）。

这里是header.php的代码：

<html lang="en">
<head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.3.0/animate.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/main.css"/>
</head>

和index.php：

<?php require("header.php");?>
    <div class="mainContent">
        <h1>Page header in here</h1>
        <p>Paragraph in here</p>
    </div>
<?php require("footer.php");?>

在我的最终css include（main.css）之后出现额外的空样式<style="text/css"></style>。奇怪的行为 - 更奇怪的是，通过chrome中的开发人员工具，以及当我查看源代码时它没有标准的方式。

Answer 1

我想，这是Chrome的交易。如果此“附加”样式显示在“来源”标签下，请检查。开发人员工具下的Chrome标准源视图不是严格的来源。 F.E.在'source'选项卡下，您可以看到原始角度。但是在元素下，角度变量被转换为字符串（或其他东西）。有关具体答案，您应该在chrome论坛上发布您的问题。

还有一件事：如果我是你，我会创建这样的文件：

  <html lang="en">
<head>
        <title>Title</title>
        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.3.0/animate.min.css"/>
        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css"/>
        <link rel="stylesheet" type="text/css" href="css/main.css"/>
</head> 
<body>
    <?php require("template1.php");?>
    <?php require("template2.php");?>
</body>
    <!-- some JS inclusions -->
</html>

这样的模板文件：

模板1：

<p>This is my template 1</p>

模板2：

<b>This is another template</b>

因此模板完全分离并可替换。当然这是VEERY简化示例，您应该花一些时间考虑下一个网站的架构。干杯队友！

随机样式标签出现在简单的php模板化网站？

1 个答案: