2013-10-25の勉強会で、僕がタカハシ先生に質問をして解決した事の1つを説明します。

htmlタグをhtmlファイルに表示させたい場合は、このサイト(WordPress)だったら「crayon」というプラグインを使えばいいのですが、そういうシステムが無い場合の対処法です。
jQueryや自動生成サービスなどもありますが、ほんの数行なら自分でどうにかしたいものです。（例えば議事録に１行書きたいとか）

上記の「<」と「>」は文字参照で表示させていて、htmlタグではないので<section >と表示されているわけです。
WPプラグインの「crayon」はそれを自動生成してくれているわけです。

サイト制作で、&とか©など使った事ありますよね。

文字参照でググるとたくさん出てきます。