HTML Imports polyfill #

HTML Imports are a way to include and reuse HTML documents in other HTML documents. As <script> tags let authors include external Javascript in their pages, imports let authors load full HTML resources. In particular, imports let authors include Custom Element definitions from external URLs.

Getting Started #

Include the html_import.debug.js or html_import.min.js (minified) file in your project.

<script src="packages/html_import/html_import.debug.js"></script>

html_import.debug.js is the debug loader and uses document.write to load additional modules.

Use the minified version (html_import.min.js) if you need to load the file dynamically.

Basic usage #

For HTML imports use the import relation on a standard <link> tag, for example:

<link rel="import" href="import-file.html">

Polyfill details #

You can read more about how the polyfill is implemented in JavaScript here: https://github.com/Polymer/HTMLImports/tree/master#polyfill-details

Getting the source code #

This package is built from: https://github.com/Polymer/HTMLImports/tree/master

You'll need node.js to rebuild the JS file. Use npm install to get dependencies and grunt to build.