はてなブログでは、はてな表記とMarkdown表記では、シンタックス・ハイライトを実現する方法が紹介されていますが、 今のところ、Htmlでシンタックス・ハイライトを実現する方法は紹介されていないようです。 そこで、html表記で、シンタックス・ハイライトを実現する方法を紹介したいと思います。 シンタックス・ハイライトとは シンタックス・ハイライトは、コードを機能ごとに色分けし、見やすく、間違いを発見しやすくする機能です。 ほとんどのエディタでは、実装されています。 ブログやホームページ上で、プログラミング関連の記事を書く際、 コードを色分け表示したほうが、見やすく、目を引くデザインの記事になります。 シンタックス・ハイライトはどのように実現するのか コードの色分けは、タグ指定して、実現できますが、手動で行うのは、現実的ではありません。 また、表示するコードの中に、色分けのためのタグが挿入
![はてなブログのHtml表記で、シンタックス・ハイライト(強調表示)を実現する。 - ドローイング空間](https://cdn-ak-scissors.b.st-hatena.com/image/square/98503291413f29dded207d401b332542618b1e22/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkukekko%2F20160123%2F20160123182737.png)