[Projeto] Importando HEADER com IFRAME

Olá! Gostaria de compartilhar que, conforme progredia com o desenvolvimento do projeto do Curso 3 (HTML e CSS: Cabeçalho, footer e variáveis CSS), algo me incomodou: ter de copiar partes do código (como toda a parte header e footer) da página "Home" para a página "About Me" para manter padronizado e organizado. Decidi pesquisar se era possível utilizar o código que já foi desenvolvido, realizando algum tipo de importação ou referência a ele. Achei a tag iframe! Esta tag permite incorporar conteúdo de uma página dentro de outra. Desta forma, avancei nas boas práticas de programação e, com certeza, economizarei muito tempo quando precisar desenvolver páginas com conteúdos "universais".

Tag iframe na página HOME. Responsável por importar outro documento HTML dentro deste. HTML para header. Permite ser importada pela tag iframe Header de navegação importada para a página HOME

Oii Samuel, tudo bem?

Que legal ver que você está explorando diferentes formas de otimizar o seu código e manter a consistência em seu projeto! Realmente, a tag iframe pode ser uma solução para reutilizar partes do seu site, como o cabeçalho (header) e rodapé (footer). No entanto, é importante mencionar que, embora funcional, o uso de iframe para esse propósito não é a prática mais recomendada atualmente, principalmente por questões de SEO (Search Engine Optimization) e acessibilidade.

Se você quiser ler mais sobre SEO, indico esse artigo: SEO: o que é, boas práticas e ferramentas estratégicas.

E sobre acessibilidade:[O que é acessibilidade na web?](O que é acessibilidade na web?)

Mas muito obrigada por compartilhar com a gente!

Um abraço e bons estudos.