pre,code

機能

pre 要素は、事前にフォーマットされたテキストを表示するために使用されます。テキスト内の空白や改行がそのまま表示され、等幅フォントでレンダリングされます。通常、コードブロックや詩などのフォーマットされたテキストを表示するために使用されます。

code 要素は、プログラムコードを表示するために使用されます。インラインで使用されることが多く、特定のプログラムコードやキーボード入力を示すために使用されます。

よく設定する属性

id

一意の識別子を指定します。

class

CSS クラスを指定して、スタイルを適用します。

使い方

この例では、pre 要素と code 要素を組み合わせて、フォーマットされたコードブロックを表示しています。

<pre> <code> function helloWorld() { console.log("Hello, world!"); } </code> </pre>