日陰の要素を引きずり出してあげようよ

部の冊子の原稿としてHTMLの記事を書いてるのだが、まぁ長い。
HTMLとCSSのお話なんだが、HTMLだけで12ページ食ってる。
2年前は12ページ、これはffmpegの話か。
懐かしいですね。今でもffmpegのコマンドライン引数はほぼ何も見ずに書けますよ。
去年は10ページ、これはLinuxのサーバーの話。
今年は20ページぐらい行きそうですね。編集者はどんな顔をするだろうか。
僕が記事を書くとそうですけど、がさっとソースコードを書いて、その解説が文章でつらつら続くというスタイルなので、
文字ばっかりのページがすごく多い。
まぁCSS編では図も入れて多少わかりやすい紙面を目指すところです。


さて、HTML 4.01 Strictの要素ですがDTDからPerlでいろいろやって抜き出しました。
それを原稿から引用してみます。

html,link,head,title,base,meta,style,body
a,em,strong,br,img,sub,sup,span
dfn,cite,abbr,acronym,bdo,q,code,samp,kbd,var
tt,i,b,big,small,map,area,ins,del
script,noscript,object,param
p,h1,h2,h3,h4,h5,h6,hr,div,address,pre,blockquote
dl,dt,dd,ol,ul,li
form,label,input,select,optgroup,option,
textarea,fieldset,legend,button
table,caption,thead,tfoot,tbody,colgroup,col,tr,th,td

まぁ使うのと使わないのがあるからなんとも言えませんけどね。
上から3行目のインライン要素たちは使用頻度が低いけど、意味としては大切なものが多いかも。
dfn要素は定義を書くと。<dfn>レンツの法則とは、… という風に使うんですね。
cite要素は出典を書くと。<cite><a href=”http://libserver.ddo.jp/fdiary”>日記帳だ! with Tux on Libserverより、という風に使うのね。
どちらも普段使いませんねぇ。特にdfnは。
citeは使えそうですけど、普段はめんどくさがって(○○ より)など書いてるだけですからね。
abbr要素は略語・acronymは頭文字を取った略語を表すのに使うと。
<abbr title=”新日本製鐵”>新日鉄のように使えばいいと思います。
ブラウザによってはカーソルを重ねるとtitle属性の内容が表示されたはず。
特にacronymと使い分けるほどのことはないような気はします。
bdo要素はほとんど使い道がないらしい。右から左に文書を表示するときに使うらしいけど、
まぁまじめに使うことはほとんどないそうだ。
q要素は結構使えますね。<q>儲けない金融機関(<cite>近畿ろうきんのCM)という風に、
行に収まる引用で使うんですね。
codeはソースコードを1行だけ書くときに使う。それに合わせてCSSを設定してある人もいますね。
このページでは結構使えそうなのだが、用意してないので使ってません。
sampは出力結果のサンプルを表示するときに使うそうだ。
<samp>ABCDEFGHIJKLMNOPQRSTUVWXYZという風に出力されると書くと。
kbdは入力データを書くときに使うのかな。キーボードの略ですね。
varは変数名か。
どれもプログラムに関係したものですね。
ブロックレベルでやるならpre使うけど、インラインならこの中のをどうぞということか。
なるほど書式を変えておけば便利かも。


あとthead・tfoot・tbody属性についても調べた。
どうもヘッダー部・フッター部・内容の行に分けて入れておくと印刷時とかに便利かもということたしい。
theadに項目名、tfootに合計とか平均とかを書いておくと。
並び方が変だけど、どうもそういうものらしい。
まぁCSSで項目の行だけこういう装飾とか決めやすいからそういう動機でも使えるかも。
これでここに書いてある要素のほとんどの意味は理解できました。


いろいろありますが、使いにくいのが多いですよね。
しかし、CSSで装飾するとき、何の意味もなく装飾することは少ないですよね。
意味があるから修飾するんだというのはあると思います。
その意味をこんな要素にも求めてみるのもいいかもしれません。
いろいろ研究していって、span要素の活躍の機会を奪っていきたいと。