Jump to content
Fórum Script Brasil
  • 0

Como usar o mesmo rodapé em várias páginas


cvdmy

Question

Olá pessoal, no index.html, criei a tag <footer>, como faço para usar esse mesmo <footer> em outras páginas, para não ficar repetindo o código em varias páginas html ?

<footer>
        <p>Site criado por JS projetos</p>
</footer>

html5, css3, JavaScript

Obrigado.

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Olá!
Não é possível fazer isso somente com html.
você pode escrever um trecho javascript que carregue/mude apenas o miolo do seu site, preservando a estrutura em comum (cabeçalho, menu, rodapé)
Ou pode usar geradores de html, como o pug(q é ótimo)
Com o pug, você escreve um pseudo html e ele gera o html final pra você.
Com o pug, você pode escrever trechos, como header, menus, rodapé, etc... e importar somente onde quiser.

Mas a solução que acredito ser a ideal, seria usar um framework moderno (vue, react, angular, svelte, ...)
E escrever seu scss(q vai gerar seu css) e jsx(q vai gerar seu html) de forma mais elegante e eficiente
Com os frameworks modernos, você pode criar componentes: Header, Menu, Footer
E reutilizá-los onde quiser, passando parâmetros que podem alterar completamente seu estilo e conteúdo.

Link to comment
Share on other sites

  • 0
14 horas atrás, lowys disse:

Olá!
Não é possível fazer isso somente com html.
você pode escrever um trecho javascript que carregue/mude apenas o miolo do seu site, preservando a estrutura em comum (cabeçalho, menu, rodapé)
Ou pode usar geradores de html, como o pug(q é ótimo)
Com o pug, você escreve um pseudo html e ele gera o html final pra você.
Com o pug, você pode escrever trechos, como header, menus, rodapé, etc... e importar somente onde quiser.

Mas a solução que acredito ser a ideal, seria usar um framework moderno (vue, react, angular, svelte, ...)
E escrever seu scss(q vai gerar seu css) e jsx(q vai gerar seu html) de forma mais elegante e eficiente
Com os frameworks modernos, você pode criar componentes: Header, Menu, Footer
E reutilizá-los onde quiser, passando parâmetros que podem alterar completamente seu estilo e conteúdo.

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.1k
    • Total Posts
      651.8k
×
×
  • Create New...