Web ページ内のコードをフォーマットする方法

Web ページ内にコードを表示する場合、ページ上の他のテキストや画像から分離されていないと、読みにくくなる可能性があります。この問題を回避するには、google code-prettify JavaScript を使用できます。

これにより、コードを次のように表示できます:

これを HTML 内に実装するには、次の HTML 行を追加する必要があります:

ページの冒頭:

<script src="https://web.archive.org/web/20201124004717js_/https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script><script>

その後、コードを表示したいときはいつでも:

<pre class="prettyprint">
#!/bin/sh
echo "Hello, World!"
</pre>