Uma breve introdução à importação de arquivos no HTML5

Este artigo apresenta principalmente uma breve introdução à importação de arquivos no HTML, incluindo carregar jQuery, ordem de execução após importação, etc. Amigos que precisam

Modelo, DOM de sombra e elementos personalizados facilitam a criação de componentes da interface do usuário do que antes. No entanto, recursos como HTML, CSS e JavaScript ainda precisam ser carregados um por um, o que é muito ineficiente.

Não é fácil excluir dependências duplicadas. Por exemplo, agora carregar a interface do usuário ou bootstrap de jQuery requer adicionar tags separadas para JavaScript, CSS e Fontes da Web. Se seus componentes da Web aplicarem várias dependências, as coisas se tornarão mais complicadas.

O HTML Import permite carregar esses recursos em um arquivo HTML mesclado.

Importar usando HTML

Para carregar um arquivo HTML, você precisa adicionar uma tag de link, cujo atributo REL é importação, e o atributo HERF é o caminho para o arquivo HTML. Por exemplo, se você deseja carregar componente.html em index.html:

index.html