如何构建我的HTML以实现良好的代码重用和维护?

前端之家收集整理的这篇文章主要介绍了如何构建我的HTML以实现良好的代码重用和维护?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用C,C和 Java等语言编码本机应用程序的背景有限,但现在我正在尝试进入Web开发.虽然它大部分是相当简单和干净的,但我遇到了一些问题,了解如何创建网站和webapps,做好重复使用现有代码(如适用).据了解,在使用 JavaScript,CSS和PHP等操作时,您只需从其他文件导入脚本即可用于任何html文件,这非常有用.但是我很难弄清楚如何用HTML来完成这个工作,可以吗?

例如,假设我有一个单页网站,其中有一个“标题栏”和一堆独特的内容(例如,stackoverflow标志,按钮和本页顶部的菜单).但现在,我想扩展我的网站,并添加3个新页面,共享一个类似的布局,并具有完全相同的“标题栏”在顶部.实现这一点的一种方法可能是简单地复制包含该部分代码内容,并将其粘贴到page2.html,page3.html和page4.html中;每个页面的唯一代码将是单独的,它可以正常工作.我使用这种方法的问题在于,通过改变“标题栏”的内容,而不需要经过多个HTML页面,使得设计/内容中出现奇怪不一致的可能性变得很高.我猜测“stackoverflow.com/questions/ask”和“stackoverflow.com/tags”不包含页面顶部元素的重复,复制和粘贴代码,但我不确定由于我有限的HTML体验,如何实现这一点..

那么,为了在多个页面上进行干净的代码重用,有没有一些“包含”或“导入”HTML代码方法?这个功能是否内置在HTML中,还是需要更深入地了解JavaScript和PHP等方面来创建结构良好的网站?我已经搜索了这个答案,有几个人建议iframe,但后来几乎立即建议不要使用它们在现代网页设计中.可能是一个好办法?

解决方法

现在可以添加代码片段,但是它缺少一个正确的 browser support.它被称为 html-templates.将来这将允许您创建自己的html模板,以避免重复的代码.但现在不是本机HTML,只有其他技术(基于PHP,基于Javascript,基于Ruby和基于什么).
原文链接:https://www.f2er.com/html/229887.html

猜你在找的HTML相关文章