O que saber
- Conteúdo Incluído elimina a necessidade de editar todas as páginas do seu site para conteúdo repetido.
- As inclusões do lado do servidor, PHP e JavaScript permitem que você adicione códigos específicos a qualquer página na qual deseja incluir um arquivo.
- Os sites CMS usam modelos ou temas para conteúdo repetido.
Este artigo explica como “Includes” funcionam e fornece etapas para usar Server Side Includes, PHP Includes e JavaScript Includes.
Usando Server Side Includes
O Server Side Includes foi desenvolvido primeiro para permitir que os desenvolvedores da web “incluam” documentos HTML dentro de outras páginas. Basicamente, um snippet encontrado em um documento é incluído em outro quando a página é executada no servidor e enviada ao navegador da web. O SSI está incluído na maioria dos servidores da web, mas pode ser necessário habilitá-lo para que funcione. Se você não sabe se o seu servidor oferece suporte a SSI, entre em contato com o seu provedor de hospedagem. Aqui está um exemplo de como você pode usar SSI para incluir um snippet de HTML em todas as suas páginas da web:
-
Salve o HTML para os elementos comuns do seu site como arquivos separados. Por exemplo, sua seção de navegação pode ser salva como Navigation.html ou Navigation.ssi.
-
Use o seguinte código SSI para incluir o código desse documento HTML em cada página.
ou
type = “code”> O incluir diretiva aceita dois parâmetros. Virtual assume que o nome do arquivo é relativo à raiz do documento do site, enquanto Arquivo aceita um caminho de arquivo absoluto.
-
Adicione este código em cada página em que deseja incluir o arquivo.
Usando PHP inclui
Como o SSI, o PHP é uma tecnologia de nível de servidor. Se você não tiver certeza se possui a funcionalidade PHP em seu site, entre em contato com seu provedor de hospedagem. Aqui está um script PHP simples que você pode usar para incluir um snippet de HTML em qualquer página da web habilitada para PHP:
-
Salve o HTML para os elementos comuns de seu site, como a navegação, para separar arquivos. Por exemplo, sua seção de navegação pode ser salva como Navigation.html ou Navigation.ssi.
-
Use o seguinte código PHP para incluir esse HTML em cada página (substituindo o caminho do seu arquivo e o nome do arquivo entre aspas)
type = “código”>
-
Adicione esse mesmo código em todas as páginas em que deseja incluir o arquivo.
JavaScript inclui
JavaScript é outra maneira de incluir HTML nas páginas do seu site. Essa técnica não requer programação no nível do servidor, mas é um pouco mais complicada – e obviamente funciona para um navegador que permite Javascript, o que a maioria faz, a menos que o usuário decida desativá-lo. Aqui está como você pode incluir um snippet de HTML usando JavaScript: Salve o HTML para os elementos comuns do seu site em um arquivo JavaScript. Qualquer HTML escrito neste arquivo deve ser impresso na tela com o document.write função.
-
Faça upload desse arquivo para o seu site.
-
Use um
type = “código”>
-
Use esse mesmo código em todas as páginas em que deseja incluir o arquivo.
O que são HTML inclui?
Uma inclusão é uma seção de HTML que não é um documento HTML completo por si só. Em vez disso, é uma parte de outra página que pode ser inserida em uma página da web inteira por meio da programação. A maioria dos arquivos de inclusão são os itens mencionados anteriormente, que se repetem em várias páginas de um site. Por exemplo:
- Navegação
- Informações sobre direitos autorais
- Áreas de cabeçalho
- Áreas de rodapé
Como ‘Inclui’ torna o design da Web mais eficiente
Quase todos os sites incluem elementos de design que são repetidos em todas as páginas do site, incluindo a área do cabeçalho onde o logotipo reside, o menu de navegação e a área de rodapé. Elementos repetidos em um site permitem consistência na experiência do usuário. Um visitante não precisa localizar a navegação em todas as páginas porque, uma vez que a encontre, saberá onde ela estará nas outras páginas do site que visitou. O conteúdo incluído elimina a necessidade de editar todas as páginas do seu site para esse conteúdo repetido. Em vez disso, você edita um arquivo e, em seguida, todo o site e todas as páginas dele recebem a atualização.
Conteúdo repetido em sistemas de gerenciamento de conteúdo
Se o seu site usa um CMS, provavelmente usa certos modelos ou temas que fazem parte desse software. Mesmo se você criar esses modelos do zero, o site ainda usa essa estrutura para as páginas. Como tal, esses modelos de CMS contêm as áreas do site que são repetidas em todas as páginas. Basta fazer login no backend do CMS e editar os modelos necessários. Todas as páginas do site que usam esse template serão atualizadas. Mesmo que você não use um sistema de gerenciamento de conteúdo para o seu site, ainda pode aproveitar as vantagens dos arquivos incluídos. Em HTML, inclui ajudar a tornar o gerenciamento dessas áreas de modelo de seu site mais fácil.
Outros Métodos de Inclusão
Existem várias outras maneiras de incluir HTML em suas páginas. Alguns são mais complicados do que outros e muitos deles estão realmente desatualizados para os padrões atuais.
- CGI inclui: Você pode usar Perl ou outra linguagem de programação para criar suas páginas e, em seguida, incluir o que quiser, seja como arquivos “necessários” ou lendo-os manualmente.
- Inclui Flash: Se você construir seu site inteiramente em Adobe Flash, poderá usá-lo para incluir elementos do site. Esse método está desatualizado e os sites em Flash são uma raridade na Web atualmente.
- Molduras Incluem: Em vez de usar os mesmos elementos repetidamente em várias páginas, crie um site com frames onde os frames são as partes duplicadas do site. No entanto, exceto para o elemento iframe, frames são obsoletos em HTML5.
- Inclui ferramentas de gerenciamento de conteúdo: A modelagem é um dos principais argumentos de venda do CMS e é realmente como esse trabalho é tratado na maioria dos sites hoje.
Formato mla apa chicago Sua Citação
Kyrnin, Jennifer. “Como incluir um arquivo HTML em outro.” ThoughtCo, maio. 14, 2021, thinkingco.com/include-html-file-in-another-3469529.
Kyrnin, Jennifer. (2021, 14 de maio). Como incluir um arquivo HTML em outro. Obtido em https://www.thoughtco.com/include-html-file-in-another-3469529
Kyrnin, Jennifer. “Como incluir um arquivo HTML em outro.” ThoughtCo. https://www.thoughtco.com/include-html-file-in-another-3469529 (acessado em 17 de maio de 2021).
