如何创建 html 页面的主模板
我有大约十个具有相同页眉、页脚、左右导航选项卡的 html 页面,我可以有一个主模板,这样我就可以在不使用任何 ASP 控件的情况下引用每个页面的页眉、页脚和导航选项卡。
I have some ten html pages with same header ,footer ,left and right navigation tabs can i have one master template so that i will refer header and footer and navigation tabs from each page without using any asp controls .
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以从 index.html 页面开始,然后转到“文件”>“另存为模板。然后,在新创建的模板页面上,您可以将除页眉、页脚和导航之外的所有内容设置为可编辑区域。然后从模板重新创建所有其他页面(文件 > 新建 > 模板页面),并将可编辑内容从先前创建的页面复制到新创建页面的可编辑区域。将内容传输到从模板创建的页面后,如果您更改模板上的页眉、页脚或导航,它将更新从该模板创建的所有页面。
You can start with your index.html page and go to File > Save as Template. Then on the newly created template page you can set everything but the header, footer, and navigation as editable regions. Then re-create all the other pages from the template(File > New > Page From Template) and copy the editable content from your previously created pages to the editable region in the newly created pages. Once you transfer the content over to the pages created from the template, if you change the header or footer or navigation on the template it will update all pages created from that template.
一种选择是为每个页面的正文标记指定不同的类,例如
、、
An option is to give every page its body tag a different class, like for example
<body class="home">, <body class="news">, <body class="about">
etc. You could then use jQuery to highlight the navigation menu item with the corresponding id, like for example when you are at the page with class 'about' your should highlight the menu item with id 'about'.