Google Code Prettify は自動でコードを装飾してくれる js 製のソースコードハイライタですが、レイアウトが崩れることがあります。この問題が起きる原因の1つはタブです。タブを半角スペースに変換するとレイアウトが崩れなくなる可能性があります。このページを読む

Android の標準ブラウザでページを表示すると、code 要素などの一部の要素が間延びして、余白ができる問題があります。このとき、この余白は margin や padding 要素に依存しません。この問題は、フォントの種類と text-rendering プロパティが影響するようです。このページを読む

HTML5.x~ における article と section の違いについて、具体的な例を交えて私の見解を示します。(1) 分かり難い点を明確にする (2) section 要素は必要、論文や小説で考える。(3) サンプルケース、論文・小説、新聞記事、記事のリスト、WEBページへのコメントなど。このページを読む

HTMLでソースコードを装飾する JS やその他のリストです。全 9 種。(1) SyntaxHighlighter (2) Crayon Syntax Highlighter (3) google-code-prettify (4) PRISM (5) highlight.js (6) SHJS (7) Pygments (8) GeSHi (9) Text_Highlighter。このページを読む

文字参照は HTML で特別な意味を持つ記号を出力するために使います。 文字参照には、文字実体参照と数値文字参照がありますが、どちらを使っても良いです。ただし、10進数と16進数の数値文字参照を混ぜ合わせて書くのは止めた方が良いです。このページを読む

多くのブラウザは q 要素をレンダリング(描画)するときに引用符を自動で挿入します。引用符とは、例えば日本語であれば「」ですし、英語であれば "" です。lang 属性にそれぞれ en, ja, fr などを指定すると多様に変化することが確認できます。 このページを読む