私は自分のサイトや Blog などでコードを書く時は、その言語にあった標準的な色付けをするようにしています。そういった場面では、構造的な意味を補強するという意味で span 要素を使い、付属される情報を CSS 側に定義しています。これは、一般的な手法でしょう。常識的に考えて・・・
このあたりで半年ほど前からくだらないコトで悩んでいます。悩んでいるのは、同じような色づけがスペースを挟んで 2 語続いている時の span 要素のマークアップの仕方です。
span 要素のブルース♪ span 要素のブルース♪ span 要素のブルース♪ 聞いてくれ~♪
span 要素でソースに色づけをする時の話なんやけど、「面倒だから」ってことで、
HTML
<span class="key">private static int</span> MosaMosaAA() {
<span class="key">return</span> 0;
}
間にある空白も含んで一度にマークアップしちゃうのか。それとも... 「いやいや、単語ごとに意味があるんやから」と、
HTML
<span class="key">private</span> <span class="key">static</span> <span class="key">int</span> MosaMosaAA() {
<span class="key">return</span> 0;
}
単語ごとにマークアップするかは... ジャジャジャジャジャジャジャジャジャジャジャジャジャジャジャジャ、ジャ... 自由じゃないかもしれない。
span 要素 is not freedom♪ span 要素 is not freedom♪ span 要素 is not freedom♪ span 要素 is not freedom♪
ちなみに、em 要素や strong 要素やったら、間違いなく単語単位でマークアップするで♪
span 要素でも「単語単位での修飾する」という考えの方が、冗長かもしれないですけど無難かなぁなんて思いました。見方次第だとは思うのですが。
HTML では、どの要素がどんな役割を果たしているのか、見た目以外の部分も見ておく必要があると考えています。見た目だけを重視した結果の問題といえば、blockquote 要素をインデントさせるためだけに用いるというお話が有名ですよね。Web サイトを作成支援している Web サイトでさえも昔は間違いだらけでした。