2

所以我有一个头文件：

<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

同类型已经打开。

如何正确地做到这一点？顺便提一句。我也以同样的方式在网页底部放置一个页脚。

4

2 回答 2

6

您的头文件应该只包含您想要的标题的 HTML 文本。因为它会被插入到另一个网页中，所以它不应该是一个完整的 HTML 文档。

Header 中只有 Header 的 HTML

一种选择是在您的头文件中仅包含用于标题的 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 中只有 HTML 的 Header 和单独的 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>
于 2013-05-19T09:39:37.943 回答
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">

页脚.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"); ?>
于 2013-05-19T09:56:06.430 回答