一个有关 HTML“模板”功能的问题
大家好,我是一名前端入门者,目前对 HTML 和 CSS 的掌握还可以,JS 只是有点了解。
目前为止主要的开发工具是 Brackets。
之前构建了自己的网站,是静态的,最近几天想重构一下 HTML 和 CSS,那么可以重用的部分(logo、导航栏等,或者
<head>
标签里的一些改动,添加
<meta>
等)改动之后,我就得在每一个页面下手动更新这部分内容,日后对这一部分又有更新之后,又得全部手动更新,页面累积也有近30个,这样改动很是麻烦,不知道 Brackets 里有没有这样的功能,就是这部分重用的 HTML 结构作为“模板”插入每个页面,每次改动我只需要改动那个“模板”原文件即可,其他每个页面都自动更新呢? 或者 Sublime 有这样的插件? 还是 Emmet 这样的? 稍微看了下 Emmet 似乎不是我想要的功能。
其实就是类似 Axure 里面的母版功能。还望站里的知情大大给予解答,非常感谢!
Die毛玉
10 years, 6 months ago
Answers
一种解决方案是所谓“服务端包含”,比如shtml 乃至 php,在服务端解析特殊的标签来引入其他文件合并成最终的html,需要服务器的支持
另一种是“静态生成器”,引入编译的概念,将带有特殊标签的文件编译为静态的html,详见 我用过的静态站点生成器们 。
当然静态生成器可以拆解成模版引擎、watch、编译脚本组织等小环节,自己通过类似gulp的工具来组装
抗加龄小队
answered 10 years, 6 months ago