Question

所以我有一个头文件：

<html>
<head>
   <link href="/design_header.css" rel="stylesheet" type="text/css" />
</head>
<body>
   content
</body>
</html>

我想把这个标题放在我的文件中

  <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
     <head>
     meta tags etc.
    </head>
    <body> 
      <div id="container_big">
       <?php include 'header_login.php'; ?>
        content
      </div>
    </body>
    </html>

问题是，我的网页<html>, <head>, <body>标记内有常规<body>标记。在html验证器中，我收到错误，如

Stray start tag html.
Stray end tag head.
An body start tag seen but an element of th

同一类型已经开放。

怎么做得好？顺便说一句。我也以同样的方式在页面底部放置一个页脚。

Answer 1

您的头文件应该只包含标题所需的HTML文本。由于它将被插入到另一个网页中，因此它不应该是完整的HTML文档。

Header中只包含Header

一种选择是在头文件中仅包含标题的HTML（由包含它的所有页面使用）。然而，这有一个缺点，即您不遵循建议在渲染之前进行CSS加载。

请参阅：https://stackoverflow.com/a/1642259/1688441

标题文件

 <link href="/design_header.css" rel="stylesheet" type="text/css" />
 content

其他文件

  <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
     <head>
     meta tags etc.
    </head>
    <body> 
      <div id="container_big">
       <?php include 'header_login.php'; ?>
        content
      </div>
    </body>
    </html>

在HeaderFile中只有Header的HTML和单独的HeadFile

您可以拥有单独的 global_head_include.html （或txt，php等）文件并将CSS代码放在那里。

标头文件（包含）

 Header content

包含CSS的文件包括（包括）

  <link href="/design_header.css" rel="stylesheet" type="text/css" />
Whatever else is global...

其他文件

  <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
     <head>
     meta tags etc.
      <?php include 'global_head_include.php'; ?>
    </head>
    <body> 
      <div id="container_big">
       <?php include 'header_login.php'; ?>
        content
      </div>
    </body>
    </html>

Answer 2

这就是我在当前PHP站点中设置页眉和页脚的方式：

<强>的header.php：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
        <title>James Wright - Young Software Developer</title>
        <link rel="stylesheet" href="style.css" />
        <meta name="description" content="The online home of a young web designer and software developer." />
        <link rel="icon" type="image/png" href="/img/ico.png" />
    </head>
    <body>
        <div id="holder">
            <div id="menu"></div>
            <div id="mainContent">

<强> footer.php：

            </div>
            <div id="mainReflect"></div>

            <p class="footer">&copy; James Wright <?php echo date("Y"); ?>. Minimum resolution: 1024x768            <a href="http://validator.w3.org/check?uri=referer" target="_blank"><img
  src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" style="vertical-align: middle;"/></a>        
                <a href='http://www.powermapper.com/products/sortsite/'><img src='http://www.powermapper.com/images/badge-v1/sortsite-badge-small-5.png' width="80" height="15" alt='Broken link checker and accessibility checker top 5% - SortSite' style='vertical-align: middle;'/></a>             
            </p>
        </div>
    </body>
</html>

然后每当我创建一个新页面时，我需要做的就是：

<?php include("header.php"); ?>
<p>Main body content!</p>
<?php include("footer.php"); ?>

如何在网页中正确包含头文件

2 个答案:

Header中只包含Header

在HeaderFile中只有Header的HTML和单独的HeadFile