介绍HTML5中的文件导入

10/24/2015来源:HTML教程人气:1213

Template、Shadow DOM及Custom Elements 让你创建UI组件比以前更容易了。但是像HTML、CSSjavaScript这样的资源仍然需要一个个地去加载,这是很没效率的。

删除重复依赖也并不简单。例如,现在加载jQuery UI或Bootstrap就需要为Javascript、CSS及Web Fonts添加单独的标签。如果你的Web 组件应用了多重的依赖,那事情就变得更为复杂。

HTML 导入让你以一个合并的HTML文件来加载这些资源。
使用HTML导入

为加载一个HTML文件,你需要增加一个link标签,其rel属性为import,herf属性是HTML文件的路径。例如,如果你想把component.html加载到index.html:

index.html

xml/HTML Code复制内容到剪贴板