像函数一样重复一个html块

Question

我正在通过建立自己的个人网站来学习 html、css 和内容管理，但我在这些领域的经验都很少。困扰我的一件事是我必须重复一段“html代码”。例如，在我的网站上，我可能有一个如下所示的块：

<div class="talk">
  <a href="link">
    title
    <div class="info">
      subtext
   </div>
  </a>
</div>

其中link, title 和subtext 是唯一发生变化的元素。作为一名程序员，这看起来像一个带有三个参数的函数：talk(link, title, subtext)，我将通过保留一个单独的文本文件或数据库来实现这一点，其中包含所有条目以及一个将数据和 HTML 格式“编译”成最终产品的程序.事实上，这就是我现在使用简单的 python 脚本和 BeautifulSoup 所做的事情。不过，我有一种感觉，正是这类事情的工具，但是有这么多选项和系统，我什至不确定我在看什么确切地说（Grunt、bower、Ruby on Rails、SASS、HMAL、车把……）。这不是对建议的要求，可接受的答案可能涉及任何框架，但我更喜欢简单而不是权力。

执行此操作的规范/标准方法是什么？使用我上面的代码块的最小工作示例是什么？

Answer 1

既然你要求一个活生生的例子，这里是一个 PHP 的例子：

news_print.php

function output_some_news ($link, $title, $subtext)
{
    echo
"<div class='talk'>
     <a href='$link'>
         $title
        <div class='info'>
            $subtext
       </div>
     </a>
 </div>";
}

// this is just for show. Usually the data come from a database or data file
$topics = array (
    array ("http://celebslife.com", "Breaking news", "Justin Bieber just grew a second neuron"),
    array ("http://nerds.org"     , "New CSS draft available", "We won't be forced to use idiotic lists to implement menus in a foreseeable future"));

function output_news ($topics)
{
    foreach ($topics as $topic)
    {
        output_some_news  ($topic[0], $topic[1], $topic[2]);
    }
}

在您的 HTML 页面中：

news.php

<?php include 'news_print.php'; ?>

<div class='news'>
    <?php output_news($topics); ?>
</div>

至于使用 PHP 作为预处理器，很简单：

C:\dev\php\news> php news.php > news.html

将从您的 PHP 脚本生成纯 HTML。

PHP 引擎将从命令行而不是 Web 服务器调用，其输出将存储在文件中而不是发送回浏览器，仅此而已。

当然你会有一些不同。例如，如果您离线使用 PHP，所有特定于 Web 的信息（如调用方 URL、cookie 等）都将不可用。另一方面，您将能够使用命令行参数和环境变量。