html - 格式化网页内容。

Question

<分区>

Answer 1

您的问题非常广泛和笼统，而且非常正确。看起来您是从一个非常静态的 Angular 来处理这个站点构建元素，而实际上您需要动态地处理它。

您可以做的最低限度是按照此处的建议使用 SSI: http://en.wikipedia.org/wiki/Server_Side_Includes

现在，根据您的知识水平和学习意愿，如果您使用脚本语言(例如 php)，您将能够更优雅地完成此任务。

http://www.w3schools.com/php/

脚本语言允许您创建一次内容，然后使用一行代码将包含该内容的文件包含到另一个文件中。如果您的网站需要发展，再加上它在未来做更多的事情。

例如，您可以创建 header.php 和 footer.php 并将它们包含在您的页面中，这些页面也必须是 php 文件。这样您只需创建一次页眉和页脚并重新使用它们..

如果您创建 header.php 并将您的标题代码放入该文件中...然后您创建 somepage.php 这是您的内容页面..为了包含标题代码，您必须将其写入某个页面。 php 你希望你的标题在哪里

<?Php include('header.php'); ?>

尊重包含元素的 html 结构很重要。 SSI 方法从字面上注入(inject)与包含文件中的内容完全相同的内容。

您可以从字面上将一个文件分成多个部分，将它们保存为 php 并将它们包含到第三个文件中，并获得与原始文件相同的结果。

您必须确保您的托管服务器支持您要使用的动态脚本语言。大多数主机都支持 PHP。

此外，就包括 JavaScript 而言。如果您正确编写 JavaScript，那么您可以将所有 JavaScript 代码写入 .js 文件，然后在需要时将这些文件包含到您的 php 或 html 文件中。 CSS 文件也是如此。您将 CSS 代码放入 style.css 文件并将该文件链接到您的 something.php

这就是您包含 JavaScript 文件的方式。 http://www.w3schools.com/tags/att_script_src.asp 您通常将其放入页面的元素中

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

这就是您将一个 css 文件与您的其他文件链接起来的方式。 http://www.w3schools.com/css/css_howto.asp 您将其放入页面的元素中。

<link rel="stylesheet" type="text/css" href="style.css" /> 

不过,,,

所有这些都还很初级。也许您应该考虑使用托管 WordPress 或类似的内容管理系统来帮助您构建一个漂亮的动态网站。

或者，如果您有实际学习的愿望，一个好的开始方式是从 www.w3schools.com 学习基础知识

你需要通过

HTML 和 HTML5， CSS2 和 CSS3， PHP(这是允许动态的东西——你可以尝试学习 python 或者。我自己更喜欢 php)， JavaScript, JSON

然后当你学习 JavaScript 时，你会想要进入 JavaScript 库，比如 jQuery，最终是 Angularjs(这是一个更高级的库，但非常有用)

您还需要学习如何使用数据库来存储数据，这样您就不必每次都创建一个新页面。为此，您应该考虑将 MySQL 与 PHP 结合使用。您也可以查看 Postgress、liteSQL 和其他选项。

除了 Angularjs 之外，所有这些都可以在 w3schools 网站上免费学习。你可以谷歌一下。

还有一件事......

这可能看起来令人生畏，但如果您一开始就暂时搁置这种感觉并坚持完成第一个范式挑战，您就会发现它根本没有那么复杂。

祝你好运!

附言

我的网络编程生涯始于 15 年前，当时我尝试构建一个小型站点，但对与您现在面临的完全相同的问题感到沮丧:)