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

【问题标题】：Random style tag appearing in simple php templated site?随机样式标签出现在简单的 php 模板网站中？
【发布时间】：2015-07-20 12:54:58
【问题描述】：

到目前为止，我大部分时间都在使用纯 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");?>

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

【问题讨论】：

您可以通过更改@ChrisSaganic 来编辑帖子。
啊，我对如何使用这个网站感到很困惑，我还在学习，我很抱歉

标签： php html css

【解决方案1】：

我想，这是 Chrome 的交易。请检查此附加样式是否出现在“来源”选项卡下。开发者工具下的 Chrome 标准源码视图并不是严格源码。 f.e.在“源”选项卡下，您可以看到原始角度。但是在元素下，角度变量被转换为字符串（或其他东西）。对于具体答案，您应该在 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>

这样模板是完全分离和可替换的。当然，这是非常简化的示例，您应该花一些时间考虑下一个网站的架构。干杯伙伴！

【讨论】：

它没有出现在源选项卡下，直到现在我才真正意识到它做了什么。谢谢你的信息！关于模板结构，现在我只涉足包括我对php几乎没有做过的事情，为什么这种方法更好？谢谢你:)
我很高兴 :) 在我看来，这一套更好，因为您为不同的东西分开了模板。这是不可能的，你会经常改变你的页脚，但你会改变内容，例如，在网站的子页面之间。在主文件中，您可以创建包含链接的简单菜单。选择某些链接时，您可以使用$ server ['URI']检查，并包含适当的模板。 :) 这是了解路由是什么以及它为什么重要的真正好方法。我建议你做一些 codeshool.com 教程 :) 干杯！