Traduzido de: Smashing Magazine
中文: Codificação Zen: um método para escrever rapidamente o código HTML/CSS
Por favor, respeite os direitos autorais, indique a fonte ao reimprimir!
Neste artigo, mostraremos uma nova maneira de desenvolver rapidamente HTML e CSS usando sintaxe que imita os seletores CSS. Foi desenvolvido por Sergey Chikuyonok. Quanto tempo você gasta escrevendo código HTML (incluindo todas as tags, atributos, referências, aparelhos etc.)? Se o seu editor tiver solicitações de código, será mais fácil quando você o escrever, mas, mesmo assim, você ainda precisará digitar manualmente muito código.
No JavaScript, quando queremos obter um elemento específico em uma página, encontramos o mesmo problema, temos que escrever muito código, o que dificulta a manutenção e a reutilização. As estruturas JavaScript surgiram e também introduziram o mecanismo seletor CSS. Agora você pode usar expressões CSS simples para obter elementos DOM, o que é bem legal.
Mas e se você pudesse não apenas usar o seletor do CSS para layout e localizar elementos, mas também gerar código ? Por exemplo, se você escrever isso:
Div#Conteúdo> H1+p
& hellip; então você pode ver a saída como esta:
<div id = "content">
<H1> </h1>
<p> </p>
</div>