Alguém pode me aponte para um bom artigo sobre “abstração HTML”?

Question

Atualmente estou trabalhando em um front-end sistema legado eCommerce que tem um monte de duplicata HTML código.

Eu estou tentando encontrar uma maneira de abstrair a complexidade quase como se estivesse se movendo as semelhanças entre classes semelhantes em uma base-classe abstrata compartilhada.

I.E. "Tirando o que muda e abstraindo-lo"

Eu usei frameworks Java como telhas de fazer isso antes, mas atualmente estou usando Webby.

Além disso, quando anteriormente abstraindo HTML, eu estava escrevendo o código a partir do zero e usando um framework MVC, então essas coisas feitas um pouco mais fácil (não tem que comparar qualquer coisa com diff).

Será que alguém sabe um outro termo para o que estou descrevendo, ou talvez um bom artigo sobre a abstração do código HTML existente para este fim?

Answer 1

Esta característica particular não é o melhor documentado, mas Webby tem parciais que permitem que você escrever trechos de páginas e incluí-los em outras páginas. Criar um arquivo cujo nome começa com um sublinhado (por exemplo, "_untocaesar"), e então você pode incluí-lo fazendo <% render(:partial => '_untocaesar') %> com um filtro de ERB.

Partials pode ter cabeçalhos para indicar processamento apenas como páginas normais pode, também. Então, combinando uma linguagem de templates como ERB e parciais, você deve ser capaz de ter uma factoring bastante limpa para o seu site.

Este não é um conceito HTML geral desde HTML é realmente apenas páginas estáticas, assim você não pode fazer isso sem um pré-processador. É algo que normalmente tratado pelo quadro que você está usando. Tiles é um, Webby é outra. Exatamente como ele funciona depende em algum grau no próprio quadro.