Mentre web-programmatori sicuramente conoscere le regole CSS / HTML a memoria, e browser web hanno algoritmi per rendere le pagine web, ciò che mi interessa se ci sono modelli matematici / teorici o almeno formale linguaggi di specifica per il layout di pagina web ("fisica", "geometria") che consente di generare specifiche concise per html / css a prova di proiettile.
Per esempio, vorrei specificare un layout reattivo con elementi nidificati (blocchi), che si comportano in un certo modo, ad esempio alcuni rimangono relativi, alcuni flusso, alcuni mantengono l'altezza, alcuni mantengono la larghezza, ecc. Tutto questo è esprimibile in CSS / HTML, ma le regole sono a volte strani (come avere genitore / figlio essendo assoluto / relativo per ottenere certo effetto, ad esempio, quello qui link , che richiede un momento ah-ha).
Inoltre, penso che HTML / CSS sia un po 'troppo prolisso e spesso ambiguo nel specificare le intenzioni esatte, che rende quasi impossibile "programmare" la pagina web e accertarsi del risultato. E persino il rendering di un paio di esempi non è sufficiente, perché potrebbe verificarsi una combinazione imprevista di lunghezze di testo, che interromperà il layout.
In qualche modo credo fermamente, che quelle relazioni di blocchi ed elementi nidificati possano essere descritte in un modo più formale e breve, con qualche strumento che trasforma la descrizione in HTML / CSS (sto parlando di relazioni strutturali, geometriche solo, nessuna speranza per i posizionamenti in linea). Tuttavia, finora non ho trovato alcun linguaggio o manuale, il che suggerirebbe che ci sia un sistema comprensibile su come funziona CSS / HTML. (Indubbiamente, però, che con la scomparsa della situazione IE6 è migliorato un po ').
Come definire "fisica" / "geometria" delle pagine HTML al punto in cui un semplice insieme di formule e vincoli può modellare la pagina Web risultante?
Se quanto sopra è ancora vago, ecco uno schizzo di ciò che intendo per specifica formale. Per esempio, ho 4 blocchi (A, B, C, D) e voglio A, (B e C), D allineati verticalmente, mentre B e C affiancate e galleggiante (altri dettagli possono essere "default"), quindi posso scrivere qualcosa del tipo:
A / (B, C) / D
E alcuni strumenti possono generare HTML / CSS facendo esattamente questo, in qualsiasi situazione e dimensione dello schermo.
Anche se sembra un pezzo di torta, sono necessari framework comprovati (come Bootstrap) per essere più sicuri del risultato.
Naturalmente, html / css - > quell'ipotetico linguaggio di modellazione sarebbe un grande vantaggio.
Per qualche analogia - Auckland modello di layout: link
Vorrei sottolineare che sono più interessato a un concetto di base , approccio algoritmico , piuttosto che a uno strumento specifico (anche se gli strumenti sono solitamente realizzati per dimostrare un concetto).