HTML および CSS ファイル内のコード スニペットに構文の強調表示を適用するにはどうすればよいですか?

Question

私は最近 HTML と CSS を学び始めました。

<code></code> を使用すると、構文を適切に自動的に強調表示したいのですが、単純に白黒のテキストとして表示されます。

現在は次のようになります:

リーリー

次のようにしたい:

リーリー

HTML と CSS だけを使用して実現できますか?

Answer 1

＃＃＃シリアルナンバー＃＃＃

より詳細なマークアップと CSS が必要です。

---

＃＃＃例えば：＃＃＃

リーリー リーリー

自動の方法で完了するには、プログラミング言語を関与させる必要があります。これを使用してコードをブラウザに渡す前に前処理したり、クライアント側 JavaScript を使用してページの読み込み後にコードを処理したりできます。

---

さまざまなライブラリ が利用可能です。