Question

我有一个简单的网站，其中我编写了关于标题的代码这包含在index.html中。现在我想添加另一个.html文件，如何将所有HTML文件中包含与标题相关的代码？

简单的复制粘贴肯定会完成这项工作，但这是一个正确的解决方案吗？

使用Sublime Text与H5BP和Compass在Ubuntu中进行开发。

Answer 1

我会使用PHP：

// header.php
<?php
date_default_timezone_set('America/Los_Angeles');
function https(){
  $sv = $_SERVER;
  if(!isset($sv['HTTPS'])){
    header("LOCATION:https://{$sv['SERVER_NAME']}{$sv['PHP_SELF']}"); die();
  }
}
function http(){
  $sv = $_SERVER;
  if(isset($sv['HTTPS'])){
    unset($_SERVER['HTTPS']);
    header("LOCATION:http://{$sv['SERVER_NAME']}{$sv['PHP_SELF']}"); die();
  }
}
$doc = "<!DOCTYPE html>
  <html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
    <head>
      <meta http-equiv='content-type' content='text/html;charset=utf-8' />
      <meta name='keywords' content='put your site keywords here' />";
$main = " </head>
<body class='njs'>
  <div id='head'>
    <div id='menu'>
      <nav class='tabs'>
        <a href='index.php' id='hm'>Home</a>
        <a href='page2.php' id='p2'>Page 2</a>
        <a href='page3.php' id='p3'>Page 3</a>
        <a href='page4.php' id='p4'>Page 4</a>
        <a href='page5.php' id='p5'>Page 5</a>
        <a href='page6.php' id='p6'>Page 6</a>
        <a href='page7.php' id='p7'>Page 7</a>
      </nav>
    </div>
    <div id='content'>";
 ?>

现在，将header.php放在restricted文件夹中与index.html位于同一位置以增加安全性，然后将index.html更改为index.php。现在index.php：

// index.php
<?php
include_once 'restricted/header.php'; http(); // could be https() for SSL
echo "$doc
    <title>Whatever - Home</title>
    <meta name='description' content='Whatever - Home' />
    <style type='text/css'>
      @import 'common.css'; @import 'index.css';
    </style>
$main";
?>
  <!-- put your content here -->
  <!-- don't forget to close the `id='content'` div -->
  </div>
</body>
</html>

Answer 2

如果你不想处理php，你也可以将ajax加载到单独的页面中。只需将标题html放在一个单独的文件中，然后在dom加载上执行ajax调用，然后将响应应用于您正在使用的页面中标题的容器。

如何获取所有.html文件中包含的标头HTML代码

2 个答案: