html取消重复,减少重复的HTML代码
有可能用JavaScript来做到这一点 - 你基本上是提供给用户的浏览器与一群件以及如何从这些片段构建页面的配方。但是,这会让用户感觉页面变慢,因为他们必须加载页面,然后等待浏览器执行您的指令。不过,有些情况下这绝对是一个很好的解决方案,如果您有兴趣,我建议您研究一下像Handlebars这样的JS模板引擎,这样可以更轻松地完成此操作。 @ Mike-C的回答很好地描述了如何在没有模板引擎的情况下做到这一点。
对于一个非常简单的情况下,像你描述,我建议使用PHP。你可以做这样的功能:
function renderBlockWrapper($blockWrapperContents) {
include('blockwrapper.html.php');
}
?>
然后在blockwrapper.html.php *你可以有:
最后,在你的基础文件,你可以创建许多块包装元素像这样:
这将输出
Hello world
Hello again
Here I am a third time!
*如果您还不知道这一点:如果您有一种类型的文件生成不同类型的文件来合并它们的文件结尾,这是一种常见惯例。所以.html.php表示一个生成HTML文件的PHP文件。
html取消重复,减少重复的HTML代码相关推荐
- Androud 如何有效减少重复代码
前言 重复的代码一直都是可维护性的大敌,重构的重要任务之一也就是要去除掉重复的代码,有效的减少重复代码,可以大大提高软件的扩展性. 在Android开发中,很容易产生重复的代码.因为Android是组 ...
- 海象赋值表达式减少重复变量
海象赋值表达式减少重复变量 1.概述 在写代码过程中,定义局部变量操作频率非常高.如果在一个函数中定义了太多的变量会让程序不易维护且阅读起来困难. 当我们在函数里面要定义变量时,而且这个变量要在函数里 ...
- db设计专用excel_独家|自卸车如何实现侧板结构快速设计,减少重复工作?
作者| 张凯 汉阳专用汽车研究所科研技术部工程师 主要从事专用汽车产品结构仿真与轻量化 随着城市发展的步伐不断加快,适用于各种工况的自卸车.城市渣土车市场需求量不断增大. 目前市场自卸车车厢主要有两种 ...
- php页面防刷,PHP防止刷新重复提交页面的示例代码
PHP防止刷新重复提交页面的示例代码 作为phper,我们在开发和学习php过程中,难免要经常的接受处理表单数据,然而处理表单的时候总会有一个问题,困扰大家,刷新页面重复提交的问题.如何防止刷新页面重 ...
- 论文降重有效减少重复率修改的方法
今年,学校对论文检测的似乎比往年更加严格,对文章的重复率的要求也是再创新高,有些高校甚至要求重复率低于8%,所以对于学生掌握一些论文降重有效减少重复率修改的方法非常必要,具体方法小编整理如下: 一 ...
- 要将五张100元的大钞票,换成等值的50元,20元,10元,5元一张的小钞票,每种面值至少1张,编程输出所有可能的换法,程序应适当考虑减少重复次数
源程序: 要将五张100元的大钞票,换成等值的50元,20元,10元,5元一张的小钞票,要求换成30张小钞票,每种面值的至少一张,编程输出所有可能的换法,程序应适当考虑减少重复次数. #include ...
- 优雅地减少redux请求样板代码
在日常开发过程中我们采用react+redux方案进行开发,往往会遇到redux样板代码过多的问题,在不断的抽离过程中,顺手封装了一个redux-middleware.在此进行详细的问题和解决思路.最 ...
- 计算数据的重复和重复的个数(python)
计算数据的重复和重复的个数 *1.先将每一个数与它之后的所有数一一比较-使用for循环–两层循环 2.然后利用if条件判断进行输出相等的数–在利用if else循环在追加重复和不重复的数 3.设置变量 ...
- 减少模板中的代码膨胀
在非模板代码中,重复十分明确:你可以"看"到两个函数或两个class之间有所重复.然而在模板代码中,重复是隐晦的:毕竟只存在一份模板源码,所以你必须培养自己去感受当模板被具现化多次 ...
最新文章
- 宜春学院计算机专业好就业吗,宜春学院毕业生良好就业前景的背后
- HDLBits 系列(25)独热码有限状态机实现的简单方式
- php接收一维数组中文乱码解决
- ML之SVM:随机产生100个点,建立SVM模型,找出超平面方程
- javascript boolean/布尔表达式
- 设备的dpr_湘潭污水处理设备_处理污水设备生产厂
- ADBannerView 的基本使用方法
- 杭电1596find the safest road(spfa)
- 【难题+重点】剑指offer——面试题40:数组中只出现一次的数字
- Linux四剑客详解——awk
- rhel6.3搭建iscsi-target服务器实战
- 使用jmeter快速生成测试报告
- PXE启动livecd
- “造路者”14载终圆梦:铺就浙江沿海新未来
- 每日一字:biáng
- 浅谈程序员的绩效考核
- Python超详细学员管理系统【面向对象实现】
- C语言引用方式调用函数
- web页面实现剪切板图片黏贴功能
- 微信小程序摄像头监控_微信小程序读取摄像头 微信调用摄像头
热门文章
- Windows核心编程(笔记13) 第十六章--第二十六章
- 禁ping也能ping的工具: tcping
- Navicat使用教程:SQL Server中的磁盘加密
- 在Ubuntu 16.04上增加Swap分区
- 解决vim打开之后乱码的问题
- CSS中选择器的优先级 ( ※关于相同属性的覆盖问题 )
- MYSQL主从不同步延迟原理分析及解决方案
- 【异常:Could not resolve】react-native run-android
- 【问题解决方案】关于Python中的语句 ‘ %matplotlib inline ‘
- git 本地与远程仓库出现代码冲突解决方法