Question

首次在html中制作网页。我有一个使用适当的html标签格式化一堆文本的作业。没问题。但我想通过将段落存储在单独的文件中来清理我的代码。我一直在寻找几个小时，找不到任何东西。

底线我想做什么：

有一个文件：strings。{html / xml / php / js}

并在我的页面index.html中访问该文件中的变量，执行以下操作：

<p>$someVarName</p>

Answer 1

这似乎有点奇怪的'优化'，通常不会产生，至少就我理解的问题而言。

你可以做的是拥有一个JavaScript文件，例如script.js，并在index.html文件中引用它：

<script language="javascript" type="text/javascript" src="script.js"></script>

在script.js中，您可以插入自定义HTML：

document.getElementById('tag-id').innerHTML = '<p>some text</p>';

Answer 2

为了减少浏览器中网站的页面加载时间，通常会尝试为每个页面提供一个HTML文件，并为整个网站提供一个紧凑的CSS / JS /图像/ SVG文件。所有文件通常都是从多个资源聚合的服务器端，如您所愿。以下是一些丰富HTML页面及其创建过程的常用方法：

使用iframe ，您可以让浏览器使用单个HTML标记导入并显示其他页面，但不建议这样做，因为它会使布局变得复杂，并且内容的网址是用户在浏览器的地址栏中看不到。

使用PHP ，您可以拥有index.php，其中包含index.html的内容以及一些PHP片段，这些变量来自包含的variables.php。 PHP需要服务器端执行，这通常使用Apache2 webserver实现。每次请求/每次用户访问页面时都会执行一个PHP脚本index.php。

的index.php

<html>
    <?php require_once 'variables.php'; ?>
    ...
    <?php print $property1; ?>
    <?php print $property2; ?>
</html>

variables.php

<?php
    $property1 = 'value 1';
    $property2 = 'value 2';
?>

使用XSLT ，您可以将HTML转换为XML。这需要HTML格式化为格式良好的XML。 XSLT可以在客户端和服务器端执行。 XSLT 1受到限制，但主要的现代浏览器支持。大多数浏览器不支持XSLT 2，但通常在服务器端执行，或者更确切地说是脱机，以便从XML / HTML生成聚合的静态html页面。 Saxon CE。在缺点方面，XSLT可能比PHP更难开始。

使用JavaScript（JS），您还可以让浏览器将其他文档加载到当前显示的文档中。这也称为AJAX，可以用例如jQuery来完成。 AngularJS或many existing PHP CMS。使用JS，您可以创建交互式网页，大多数现代网站都可以使用它。但是：在客户端使用JS加载内容限制了搜索引擎索引内容的能力（机器人通常不执行JS）。如果您的内容不应被机器人抓取或者您提供替代方案，则应该只使用此方法。

当然，还有许多其他模板/编程语言为您的问题提供服务器端解决方案，如Java，Python和Ruby及其专用框架。

此外，您应该查看其中一个{{3}}（带有UI的服务器端HTML页面生成器来编辑内容）。

如何在单独的文件中存储html页面的字符串？

2 个答案: