将我的网站导航HTML导入所有网页的最简单方法是什么?

时间:2015-04-26 14:22:02

标签: javascript html css import

我现在面临的主要挑战之一是找出一种优雅的方式来创建一个HTML'模块。在一个文件中,将部署到我的所有网站(即版权语言,网站导航,EEO声明等)但我知道HTML导入仍在开发中,仅适用于选择加入的用户Chrome 36或更高版本。

是否有使用JavaScript的解决方案,我可以创建一个包含HTML的字符串并将其部署为我的页面的有机部分?那么以与浏览器兼容的方式(http://webdesign.about.com/cs/css/qt/tipcssatimport.htm)为CSS做同样的事情呢?

以下是示例代码:

<'ul>
  <'li><'a href="#">Learn to Code<'/a><'/li>   
  <'li><'a href="#">Current Projects<'/a><'/li>
  <'li><'a href="#">Future Projects<'/a><'/li>
  <'li><'a href="#">Get in Touch<'/a><'/li>
<'/ul>

我知道我可以使用JavaScript重做所有内容,但是继续使用HTML或直觉感觉像是非常好。

1 个答案:

答案 0 :(得分:0)

  

是否有使用JavaScript的解决方案,我可以创建一个包含HTML的字符串并将其部署为我的网页的有机部分?

外部document.write中的

<script>会这样做。但这非常可怕,你最好使用a build time template system or a server side include or template system

  

那么以与浏览器兼容的方式为CSS做同样的事情

新旧浏览器很好地支持

@import<link>。你链接的文章警告说“Netscape 4.x和IE 3.x”是古老的,并且在这十年中没有任何重大用途。