よこしまタグ

　一応、国語の教師でもある私（ここ何年も国語の授業はしていないが）は、このような文章を書く場合でも、けっこう体裁にこだわってしまう。（ここでいう体裁とは、見た目のかたちのことである。）

　インターネットで表示されるいわゆるＨＴＭＬ文書は、それを見る人のブラウザによって、適当に１行文字数を変化させる。私の場合はディスプレイの設定を横８００ドットにし、表示のフォントを「ＭＳゴシック」にしているが、その場合、１行に約５０数文字が表示される。そして文章は画面右端までくると自動的に折り返してくれる。横１０２４ドットにしている方や、小さいフォントにしている方は、１行文字数がもっと多くなるし、反対の場合もある。いずれの場合も画面の横幅いっぱいに文字が表示される。それはそれで素晴らしいことなのだが、日本語を読むという視点からすると、１行が５０数文字もあるというのはとても読みにくい。

　表のタグを使って、BORDER=0のオプションをつけ、線を見せないようにして、文字を表示する領域を狭めるテクニックもあるが、わざわざそれをやるのは面倒だし、あか抜けない。もっと簡単に格好よくできる方法はないものだろうか。

いろんなタグを使ってみる
　文の頭の部分を下げるのであれば、空白文字を何個も入れればいいようにも思える。１行が２０文字程度で終わる場合はそれもできるが、それを見る人がブラウザをどんな設定にしているか分からないのだから、頭の字下げを空白文字だけでコントロールすることはできない。ところがこのページのここの部分はうまくいっている。それは、＜DL＞＜DT＞＜DD＞という「定義語」「定義内容」のタグを使っているからである。目立たせたい部分を＜DT＞で「定義語」に指定し、他の部分を＜DD＞で「定義内容」に指定すれば、このようになる。なお、ここでは、さらにフォントを大きくしたり、文字色を変えたりして目立たせるように効果を加えている。




　これは、けっこう便利である。何を使ったかいうと、引用部分を表現するときに使う＜BLOCKQUOTE＞というタグである。引用には他に＜CITE＞というタグがあり、これは斜体文字にするだけなのだが、＜BLOCKQUOTE＞は文字の表示位置によって引用を表すタグである。
　この中に他のタグを組み入れることもできるから、うまくやるとワープロソフトで文章を作ったように字下げ、字上げを効果的につかった表現も可能である。
　まず、＜BLOCKQUOTE＞を二重にかけてみる。すると、このぐらい両脇が空いたかたちになる。このぐらいなら１行の文字数も楽に読めるようになる。


　もちろん、この中でも、このように画像をいっしょに表示することもできる。しかも画像も端には表示されず、自分が設定した範囲内にきちんと入る。

　こんなことまでして、何がやりたいのかというと、冒頭にも書いたように、１行の文字数が読みやすい範囲に収まる文章を書きたかったからである。

　タグ本来の使い方でない「裏技」を使って、このような効果を出す方法を見つけて、「うーん！オレってエライ！！」と感動していたら、そのすぐ後に読んだ本（『魅せるホームページ』インプレス社刊：実は、だいぶ前に買っていた）に、そのことがていねいに書かれてあった。
　自分で持っていた本をきちんと読まなかった自分もマヌケだが、こういうことを色々考える人が自分以外にもたくさんいることにも改めて感心した。


よこしまタグの命名者は私

　タグのこういった使い方に、私も気がついたのであるが、残念なことに私が最初の人間ではないことがわかった。

　くやしいので、私が最初の人間になれるようなことはないかと考えた。

　いずれ、こういったタグの使い方は、ＨＴＭＬを考えた人が意図した使い方ではない。言ってみれば邪道、すなわち「よこしま」な使い方である。

　しかし、この使い方をすると、表示される文章は、横にめいっぱい広がったダラダラしたものにならず、引き締まったものになる。「横にしまる」‥‥、「よこしま」な使い方‥‥。

　そうだ！「よこしまタグ」と命名しよう！　そして私は「よこしまタグ」の輝く命名者になろう！

　このコンテンツをご覧の方で、自分がホームページを作る際に、この手法を使うことがあったら、「ああ、自分は今、よこしまタグを使っているんだ」と思って欲しい。そして、その命名者である私のことも思い出していただきたい。(^^;)


　ところで、この文章、横にはしまったが、縦にはずいぶん長くのびてしまった。ホームページ作成ソフトで＜BLOCKQUOTE＞に対応しているものは少ないようだし、例によって、私はエディタ（ワードパッド）でコンテンツを作ることが多いので、このコンテンツも、ほとんどタグの入力は手入力である。けっこう疲れる作業だった‥‥‥。

　スタイルシートとかを使うと、まだ別の方法もあるかもしれないが、私は理解していない。それにInternet ExplorerではできてもNetscape Navigatorではできないとかいうのも、ちょっと気持ちが悪いので、今のところ使う予定はない。



ホームページに戻る前のページへ