I’m not new to programming, but I am somewhat new to web development and I’m trying to figure out the most preferred way of taking a standalone header from one html document and adding it to other html documents without code duplication. If possible I want to do this with Javascript so I can learn with more basic tools before expanding further.

I’ve researched this a fair bit, but the advice is a bit confusing since it either seems out of date or possibly not the most secure way of handling things. Is there a preferred way of doing something like this?

  • silas@programming.devEnglish
    4·
    11 months ago

    I commented on another comment of yours too, but I think the easiest ways to do this would be with web components or with PHP includes

    If you want to dive deeper, you can learn a javascript framework like Astro or Svelte which have more of a learning curve but are better at organizing larger or more powerful websites/web apps

    • MossBear@lemmy.worldOP
      2·
      11 months ago

      Thanks for the recommendation! I’m not familiar with Astro or Svelte, so I’ll look into those!