純粋な HTML と CSS を使用してロゴを作成しようとしています。デザインは非常に直感的で、いくつかの色付きアイテムを含む [13x13] マトリックスです。
CSS は非常にシンプルでマイナーです。ただし、HTML コードには繰り返し部分が多く、DRY (Don'trepeat Yourself) である必要があります。
リーリー リーリー<f></f>
の代わりに <f/>
を使用しようとしましたが、成功しませんでした。
このコードを減らす方法はありますか?
注: 色は変更しないでください。
JavaScript が利用可能な場(chǎng)合は、セルの型を文字列オブジェクトに連結(jié)し、それを使用して動(dòng)的にフラグを構(gòu)築できます。サンプルコードは以下のとおりです。
HTML/CSS の必要性と @Temani Afif のコメントに基づいて、SVG ソリューションを次に示します。