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

erd*_*ter 2 html php

所以我有一个头文件:

<html>
<head>
   <link href="/design_header.css" rel="stylesheet" type="text/css" />
</head>
<body>
   content
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

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

  <!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>
Run Code Online (Sandbox Code Playgroud)

现在问题是我的网页<html>, <head>, <body>标签内有常规标签<body>.在html验证器中,我收到错误

Stray start tag html.
Stray end tag head.
An body start tag seen but an element of th
Run Code Online (Sandbox Code Playgroud)

同类型已经开放.

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

Men*_*los 6

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

在标题中仅包含Header的HTML

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

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

头文件

 <link href="/design_header.css" rel="stylesheet" type="text/css" />
 content
Run Code Online (Sandbox Code Playgroud)

其他文件

  <!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>
Run Code Online (Sandbox Code Playgroud)

在HeaderFile和Separate HeadFile中只有Header的HTML

你可以有一个单独的global_head_include.html(或txt,php等)文件并将你的CSS代码放在那里.

头文件(包含)

 Header content
Run Code Online (Sandbox Code Playgroud)

包含CSS的文件包括(包含)

  <link href="/design_header.css" rel="stylesheet" type="text/css" />
Whatever else is global...
Run Code Online (Sandbox Code Playgroud)

其他文件

  <!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>
Run Code Online (Sandbox Code Playgroud)