ソースコードのマークアップを考える

投稿日:

これでいいの?

ひとつ前の記事を書いていて、いざコードをブログに貼り付けようとしたときに手が止まりました。「ソースがすごく汚い感じ(図1)になるけどこれでいいのか?」と。

汚い感じの図 図1

今までの方法を説明すると、ほとんど普通の文章と同じように扱っていました。

  1. 記号の部分を実体参照ツールで変換
  2. 一旦FCKeditorのテキストエリアに張り付けることで整形
  3. 2でできたソースをblockquoteでくくって貼り付け

 なんとなくこれはよろしくないような予感がし、ソースコードの正しい貼りつけ方について調べてみました。

- スポンサードリンク -

blockquoteじゃいけないの?

そして「コード 引用」で検索してひっかかったのがこのページ。

この記事を読んで、「コードを引用する」という概念がそもそもちょっと違うということと、現時点ではpre+codeでくくるのがベターですよということがわかりました。

他にもこんな記事が。

このブログのテンプレート(MAQUE )はCSSもそれを想定して書かれているみたいで、preとcodeでくくったらいい感じに表示されるようになっています。

ということで

  1. 実際参照変換ツールで記号を変換
  2. pre+codeでくくって貼り付け!

という方法でやっていきたいと思います。

- スポンサードリンク -