有哪些有效的方法可以处理类似结构化的Web内容？

Question

我最近开始在一个网站上作为一个副项目。由于我还不完全确定我应该使用什么方法来处理/显示内容，我花了最近两天试图找到最好的方法，遗憾的是我发现没什么用处 - 很可能是因为我不知道正确的搜索条件由

基本上，该网站会使用菜单系统（与我的问题无关）将用户导航到不同的类别，这样他们就可以选择一段内容。然后该网站将显示该页面。

这是我要构建的内容显示系统的模型：

每篇文章＆＃39;将显示为这样（在一些特殊的一些中进行一些修改）：它们具有简单的背景图像，标题，几段信息，一个或两个到外部源的链接以及有时可以与之交互的图像（点击它会发出声音，例如）。这些都不能由用户修改（并且将来也不可能） - 编辑内容（当前）的唯一方法是编辑数据库中的字符串或编辑存储在其中的图像/声音服务器。

我最大的问题是我没有足够的经验来确定最好的方法。目前我使用了很多JavaScript - 可能甚至太多了。当用户点击某个类别时，会运行一个代码，该代码会根据数据库生成子菜单（因为它在按下按钮之前不存在）。此子菜单中填充了与不同文章相关联的按钮。并使用相同的方法：按下按钮，他们生成并显示内容。

我知道这是一个不好的做法 - 在我的研究中我读到我不应该用JS构建整个网站，但是我在之前的项目中使用了相同的方法，我必须在其中创建一个允许用户查看的系统并以快速和用户友好的方式修改大量的数据库条目。因此我开始使用相同的实践对菜单系统进行原型设计。但我计划建立一个可供更大用户群使用的网站，完全有可能我不能以同样的方式进行 - 以前的网站不是为了残疾人可以使用而建造的，示例

目前我有三种选择来管理内容：

• 使用与以前相同的方法：拥有一些预先构建的元素，然后仅在必要时生成所请求的内容，但每次打开相同的内容时都会这样做。它的JS很重，但用户只需要下载必要的资源。

• 事先创建所有内容，因此网站仅显示内容。它确实需要较少的JavaScript，并且可以使用纯HTML和CSS构建大部分站点。它附带大量（下载）。

• 结合使用这两种方法：在用户需要时生成内容，同时也存储内容，因此返回时只显示已存在的文章＆＃39;

你能告诉我最佳使用方法吗？