Que modelos você usou em HTML?

MVC, MVVM, Observer (através de subscrições a alterações no estado), EventEmitter (para interação entre componentes).

Às vezes, usava abordagens mais simples, como dividir o código em módulos por funcionalidade, ou organizar a interface de utilizador segundo o princípio do design atómico (Atomic Design).

Também se podem considerar padrões relacionados com a reutilização de templates, por exemplo:

• Includes: Inserção do conteúdo de um ficheiro HTML noutro durante a compilação ou no lado do servidor.
• Components (Web Components): Uso de elementos personalizados com estrutura, estilos e comportamento encapsulados.
• Templating Engines (Handlebars, Pug/Jade): Uso de sintaxe para criar HTML dinamicamente com base em dados.

<!-- Exemplo de uso de include -->
<div class="header">
  {% include 'header.html' %}
</div>

<!-- Exemplo de uso de Web Component -->
<my-custom-element attribute-name="value"></my-custom-element>

<!-- Exemplo de templating em Pug/Jade -->
div.container
  h1 Olá, #{name}!
  p Este é um exemplo de templating.