像存在的每个受欢迎的网站一样,如何在不同的页面上重复使用HTML代码?

时间:2019-05-01 22:17:45

标签: html

在几乎每个网站上,它们都有不同的页面,每个页面具有相同的HTML代码。我强烈怀疑网站的创建者会编辑每个页面的HTML代码,尤其是当用户可以创建自己的页面时(例如,redditor会创建自己的子reddits)。来自维基百科的以下两个页面:https://en.wikipedia.org/wiki/Synthesizer https://en.wikipedia.org/wiki/Drum_machine是不同的页面,但是它们具有非常相似的html代码

我什至不需要用户创建自己的页面,我只需要有多个可重复使用html代码的页面。 https://www.apple.com/mac/ https://www.apple.com/ipad/显然是不同的页面,它们具有不同的html代码,但是我认为开发人员不会复制并粘贴HTML代码,对其进行更改,然后更改每个页面中标题的代码以包括他们有新产品时打开新页面。

https://getbootstrap.com/docs/4.3/getting-started/introduction/https://getbootstrap.com/docs/4.3/examples/是使用相同html代码的不同页面。他们用什么?我应该学习引导程序吗?不过,我已经看到网站是在制作引导程序之前这样做的。这叫什么?他们甚至用HTML编写还是用可编译为HTML的东西编写?我应该如何完成每个Webdev都知道该怎么做却又找不到任何信息的非常简单的任务?

我尝试搜索“重用HTML代码”,但没有找到任何答案。我所看到的都是特殊情况

希望如此,我将能够拥有一个可以包含多个使用相同基本HTML代码的页面的网站。如果需要新标签,则无需编辑每个页面的HTML代码。

3 个答案:

答案 0 :(得分:1)

您所描述的内容是通过HTML模板和服务器端脚本来实现的。服务器脚本将数据注入HTML模板中,从而对任意数量的页面重复使用一个模板。模板可以包含多个部分,这些部分可以组合起来以实现外观相似但又不同的页面。它称为动态HTML。

以下是有关其工作原理的非常基础的教程:https://www.php.net/manual/en/tutorial.php

要创建一个现代化的网站,您需要一起使用多种不同的技术。这是一个给出想法的信息图:https://codeburst.io/the-2018-web-developer-roadmap-826b1b806e8d

答案 1 :(得分:0)

他们有很多方法可以做到! 如果您使用的是asp.net,则可以使用母版页。 有关更多信息:Master page demo

否则您可以使用php“ include”语句。假设您将一个页面创建为header.php(header.html),将另一个页面创建为footer.php(footer.html),则只需包含这些页面。 例如

<?php include 'header.php';?>
<html>your web page</html>
<?php include 'header.php';?>

答案 2 :(得分:0)

这个问题是如此的笼统,如果不知道目标是什么,很难回答。我非常怀疑是否有任何Web开发人员已从头开始开发网站。大多数使用内容管理系统(CMS),该系统使用服务器端脚本来提供HTML片段以形成网站。例如页眉,页脚,内容主体我不是说HTML标签页眉和页脚,尽管它们将是CMS服务的一部分。最受欢迎的内容管理系统是Wordpress,它是用php构建的。页面甚至不需要特别指定,它们可以是博客帖子列表,图片库等。有许多不同的CMS程序包可用于不同的目的并取决于您的要求。我认为Wordpress是最简单的,学习曲线最低,并且功能非常强大,尤其是在所有可用的模板和插件上。 WordPress本身是免费的,并且有许多免费的模板可以开始。但是,有些付费模板和插件提供了其他功能。您唯一需要的是php支持和托管站点。

您需要了解的所有信息都可以在这里找到-https://codex.wordpress.org/Getting_Started_with_WordPress

其他内容管理系统包括Joomla,Drupal,Magento,PrestaShop,TYPO3。每个都有其优点和缺点,以及对插件和模板的不同支持。有些旨在支持电子商务站点,例如PrestaShop和TYPO3,但是大多数CMS库通过插件和模板为电子商务提供支持。

Bootstrap是一个框架,与CMS略有不同,但是它提供了类似的功能。它可以提供您设计用来形成网站或页面的不同零件或容器。

我建议从Wordpress开始,如果您有更多特殊需要,请查看其他选项。我不建议您开始编写php代码以服务网页,除非您是经验丰富的php编码器,即使在那种情况下,如果有那么多免费的开源工具已经为您完成了这项工作,您为什么还要这么做。

相关问题