如何有效地为重复出现的HTML代码片段设置模板？_Html_Ajax

如何有效地为重复出现的HTML代码片段设置模板？

html ajax

如何有效地为重复出现的HTML代码片段设置模板？,html,ajax,Html,Ajax,我是网络开发新手，我有一个问题。。还有一个（糟糕的）解决方案：我想在我的页面中导航。这些页面具有相同的布局。唯一的区别是div容器。示例代码： home.html <!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/

我是网络开发新手，我有一个问题。。还有一个（糟糕的）解决方案：我想在我的页面中导航。这些页面具有相同的布局。唯一的区别是div容器。示例代码： home.html

    <!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" xml:lang="en" lang="en >
<head>
<title>Sample</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<div id="container" >
    <div id="outer" >
        <div id="inner">
            <div id="left" >
            <div id="menu3">
        <ul>

            <li><a href="home.html" title="Link 1">Home</a></li>
            <li><a href="about.html" title="Link 2">About</a></li>
        </ul>
</div>

        </div>
        <div id="content" ><h2>Startseite</h2>
        <p>
        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
        </p>
        </div><!-- end content -->
        </div><!-- end inner -->
    </div><!-- end outer -->
</div><!-- end container -->
</body>
</html>

使用PHP
您可能需要尝试使用支持include的语言，如php。甚至认为如果你做了大量的数据处理，php是很慢的，这对初学者来说是很好的
<?php include('nav.php'); ?>



这将在当前页面中插入nav.php文件
php文件不需要
或正文
，只要使用include，就好像它直接插入代码一样。通过将include插入到文件中，您可以编辑来自单个位置（include文件）的数据
要使php正常工作，请尝试本教程使用php
您可能需要尝试使用支持include的语言，如php。甚至认为如果你做了大量的数据处理，php是很慢的，这对初学者来说是很好的
<?php include('nav.php'); ?>



这将在当前页面中插入nav.php文件
php文件不需要
或正文
，只要使用include，就好像它直接插入代码一样。通过将include插入到文件中，您可以编辑来自单个位置（include文件）的数据
要使php正常工作，请尝试本教程
使用服务器端包含（SSI）
如果不需要服务器的所有功能，则无需在服务器上安装其他软件。PHP不是任何web服务器的标准配置
就个人而言，使用PHP减少HTML重复就相当于用M198榴弹炮击落蚊子
另一方面，SSI在两个使用最广泛的web服务器软件（Apache、IIS）中得到支持，其使用非常简单
只需为您的文件使用扩展名.shtml
或.shtm
。将注释内容放在单独的文件中，然后在页面文件中使用以下内容包含不同的部分：
<!--#include virtual="common/header.part.shtm" -->
<h2>Startseite</h2>
<p>
   **OTHER CONTENT**
</p>
<!--#include virtual="common/footer.part.shtm" -->


硅钙石

**其他内容**


同样，与PHP不同，所有主要的web服务器软件都支持这一点，并且不需要安装额外的CGI模块
注意：Apache要求在web服务器上启用mod\u include
。它的二进制文件包含在每个二进制Apache发行版中

出于以下原因，您肯定不想在这种情况下使用AJAX：
使用不支持JavaScript的浏览器（嵌入式设备、高安全性工作场所的台式计算机等）的用户将无法读取您的页面
搜索引擎无法（到目前为止）正确解释JavaScript DOM更改，也无法正确抓取页面
SSI是在服务器端执行此操作的最简单方法。
使用服务器端包含（SSI）
如果不需要服务器的所有功能，则无需在服务器上安装其他软件。PHP不是任何web服务器的标准配置
就个人而言，使用PHP减少HTML重复就相当于用M198榴弹炮击落蚊子
另一方面，SSI在两个使用最广泛的web服务器软件（Apache、IIS）中得到支持，其使用非常简单
只需为您的文件使用扩展名.shtml
或.shtm
。将注释内容放在单独的文件中，然后在页面文件中使用以下内容包含不同的部分：
<!--#include virtual="common/header.part.shtm" -->
<h2>Startseite</h2>
<p>
   **OTHER CONTENT**
</p>
<!--#include virtual="common/footer.part.shtm" -->


硅钙石

**其他内容**


同样，与PHP不同，所有主要的web服务器软件都支持这一点，并且不需要安装额外的CGI模块
注意：Apache要求在web服务器上启用mod\u include
。它的二进制文件包含在每个二进制Apache发行版中

出于以下原因，您肯定不想在这种情况下使用AJAX：
使用不支持JavaScript的浏览器（嵌入式设备、高安全性工作场所的台式计算机等）的用户将无法读取您的页面
搜索引擎无法（到目前为止）正确解释JavaScript DOM更改，也无法正确抓取页面
SSI是实现服务器端的最简单方法。
您是否使用服务器端语言、php、cgi等？我是一名初学者。。。我可以用php！您是否使用服务器端语言，php、cgi等？我是初学者。。。我可以用php！