一个有关 HTML“模板”功能的问题


大家好,我是一名前端入门者,目前对 HTML 和 CSS 的掌握还可以,JS 只是有点了解。
目前为止主要的开发工具是 Brackets。
之前构建了自己的网站,是静态的,最近几天想重构一下 HTML 和 CSS,那么可以重用的部分(logo、导航栏等,或者 <head> 标签里的一些改动,添加 <meta> 等)改动之后,我就得在每一个页面下手动更新这部分内容,日后对这一部分又有更新之后,又得全部手动更新,页面累积也有近30个,这样改动很是麻烦,不知道 Brackets 里有没有这样的功能,就是这部分重用的 HTML 结构作为“模板”插入每个页面,每次改动我只需要改动那个“模板”原文件即可,其他每个页面都自动更新呢? 或者 Sublime 有这样的插件? 还是 Emmet 这样的? 稍微看了下 Emmet 似乎不是我想要的功能。
其实就是类似 Axure 里面的母版功能。还望站里的知情大大给予解答,非常感谢!

brackets HTML 模板 ide

Die毛玉 10 years, 11 months ago

HTML静态处理的话,用用jade做处理器如何?

豆沙包亲王 answered 10 years, 11 months ago

如果是后端可以使用smarty模板,这样可以将一些重复使用的html代码放到单独的一个文件中,使用时候include。

前端可以使用前端的一些模板,也是差不多,不过它是可以用javascript来加载处理的,而不是后台的语言来处理。

javascript模板引擎arttemplate还是比较简单的,可以试下。

AAX-01 answered 10 years, 11 months ago

一种解决方案是所谓“服务端包含”,比如shtml 乃至 php,在服务端解析特殊的标签来引入其他文件合并成最终的html,需要服务器的支持

另一种是“静态生成器”,引入编译的概念,将带有特殊标签的文件编译为静态的html,详见 我用过的静态站点生成器们

当然静态生成器可以拆解成模版引擎、watch、编译脚本组织等小环节,自己通过类似gulp的工具来组装

抗加龄小队 answered 10 years, 11 months ago

Your Answer