繁体   English   中英

有没有更快的方法来更新HTML网站中的所有页面?

Is there a quicker way to update all pages in a HTML website?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我已经建立了一个包含多个页面的网站,每个页面都有一个包含水平导航栏的标题。 每当我学到一些有关HTML的新知识或对标题的设计有一个想法时,我都会更改标题。 但是,经过几次学习和更改后,我意识到我必须复制并粘贴网站上每个页面标题的代码,并且我认为对于较大的网站,这可能是一个非常重要的过程。耗时的过程。 有什么办法可以节省那段时间?

  • 我完全理解,最好在将代码添加到其他页面之前先完成代码。
  • 如果事实是我只要做工作而不走捷径,那我就完全可以了。
  • 我知道HTML中没有函数,我只是想确保我没有草率地编写代码或做任何不必要的事情。

我目前正在学习HTML和CSS,因此对于我的问题无论如何看起来都是愚蠢或荒谬的,我深表歉意。 另外,很抱歉,如果标题用词不正确或不正常,我不确定如何将其归纳为一个问题。

谢谢,

-Ethan S.

3 个回复

您想要的包括。 有几种方法可以包括:

  • 使用Gulp,Grunt,Webpack等任务管理器进行前端处理 (预处理),您可以将相同的部分HTML嵌入到多个目标中。
  • 后端流程 :使用后端语言时,您也可以实现此目的。

为简单起见,并且鉴于您的知识可能只是100%的前端,我建议以下其中一项:

  1. JavaScript:绝对初学者的选择。 不需要后端,但通常不建议这样做(可能不安全,做法不正确)

     <!DOCTYPE html> <html> <head> <title>My site</title> </head> <body> <div class="header-container"></div> <script> (async function () { const headerHTMLRequest = await fetch('./header.html'); const headerHTML = await headerHTMLRequest.text(); document.querySelector('.header-container').innerHTML = headerHTML; })(); </script> <!-- rest of page --> </body> </html> 
  2. PHP:这是一种解释性的后端语言,并且有MAMP或XAMPP之类的多种工具,它们将为您提供开箱即用的服务器解决方案。 还有很多免费的托管替代方案。

     <!DOCTYPE html> <html> <head> <title>My site</title> </head> <body> <?php include("header.html"); ?> <!-- rest of page --> </body> </html> 

希望这是有道理的。 我试图保持简单。

我感到您的无奈。 好的,我知道有些人对PHP的想法很反感,但是请忍受我。 如果您有想要在所有页面上使用的标头,则只需将标头的所有代码放入单独的文件中,并将其另存为“ header.php”,然后键入:

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

在页面顶部。 您对其余页面所做的唯一真正更改是确保将所有页面另存为.php文件而不是.html文件。

使用PHP的简单代码行,您所做的就是将构成头文件(“ header.php”)的那部分代码导入到当前页面中。

w3schools网站上有一个非常不错的简单说明。

PS在测试PHP页面时,您必须通过服务器。

祝你好运! 不要放弃

您正在寻找一种支持偏模板语言

局部变量是列表和页面模板中较小的上下文相关组件,可以经济地用于保持模板干态(不要重复自己)。

一些模板语言的语法比其他模板的语言更接近HTML,因此可以四处看看。

大多数模板语言都在服务器上编译 它们不是仅提供给客户的预制文件。 相反,它们可以根据请求在服务器上进行编译,并作为客户端的HTML。

这与静态HTML文件(您现在可能正在使用的)相反,在静态HTML文件中,客户端请求HTML文件,然后按原样获取它。

我个人在Node.js / Express服务器上使用Handlebars ,因为它的语法接近HTML。

2 有没有更快的方法来遍历python中的get请求的页面?

我想从2017年12月发布的themoviedb.org api中获取所有电视节目ID。大约有3676页的json数据。 我可以在每个api请求中访问一个页面。 因此,要遍历3676页数据,我必须在循环中进行大量的api请求,这需要花费大量时间。 有没有一种更快的方法来避免循环,从而获得2 ...

4 有没有更快的方法来排序HTML表?

正如标题所说。 与w3schools提供的算法相比,我需要在javascript中制定一种更有效的排序算法。 我有一个HTML表,其中填充了来自SQL查询的约1000行,并且当我尝试对其进行排序时,该页面最多需要一分钟的时间来响应。 我认为这是因为该算法每页至少在页面中查询表中的行一次 ...

6 熊猫,有没有更快的方法来更新值?

当前,我的表有超过10000000条记录,并且有一个名为ID的列,并且如果ID在给定列表中,我想用新值更新名为'3rd_col'的列。 我使用.loc ,这是我的代码 但是以上代码的性能很慢,如何提高更新值的性能? 抱歉,在这里我想更具体地说明我的问题,不同的id根据函数要分 ...

8 有没有比这更快的方法来查找目录和所有子目录中的所有文件?

我正在编写一个程序,需要在一个目录及其所有子目录中搜索具有特定扩展名的文件。 这将在本地和网络驱动器上使用,因此性能有点问题。 这是我现在使用的递归方法: 我可以将 SearchOption 设置为 AllDirectories 而不是使用递归方法,但将来我想插入一些代码来通知用户当前正在扫描 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM