ホームページ制作

前の記事でホームページの縦書きを試してみました。
以下のような記述で縦書きの文章になります。
「テキストを入れる」の部分に文章を入れると実際には縦書き表示されます。 
スタイルシートで縦書きを実現していますので古いバージョンのブラウザだと縦書きにはなりません。

<spanstyle=”direction: rtl; writing-mode: tb-rl”> テキストを入れる</span>

縦書きのホームページは出来ないものかと調べてみた。スタイルシートを使用すると以外と簡単にできるようだ。だが、スタイルシートが適応されないと意味がないので古いブラウザだと無理。縦書きにして何かメリットはあるのか？と言ってしまえばそれまでだが何となく試してみたくなるものです。

以前、メモ帳（ウィンドウズ付属のテキストエディタ）に直接タグを記述してホームページを作成していた。
HTMLの記述、CSSの記述を手打ちで行っているとかなりの作業量だがそのおかげで結構勉強になった。
それ以前にホームページ作成用ソフトを使用していた事もあるが、タグもよくわからない状態で使っていたので結局変更するたびに無駄なソースを増殖させる結果になっていた。
幸い今はある程度理解できたので、ホームページ作成用ソフトを使いながら必要に応じて手打ちをしているが、このやり方が一番作業効率が良いようだ。

SEO、作業効率、ビジュアル面から、CSS（スタイルシート）を別ファイルにする。
SEO的には、ホームページのデザインと文章構造の分離をする事でHTMLファイルに記述されたテキストをクローラーが拾いやすくなる。（この際、HTML内にCSSの記述やJavascriptの記述があるのはマイナスになる）
作業効率はCSSファイルを修正する事で複数のHTMLファイルのビジュアルやレイアウトの変更を一斉に行うことができるため格段に良くなる。
ビジュアル面では、レイアウトデザインの自由度が上がる。（テーブルレイアウトを必要最低限に抑える）
そして、テーブルレイアウトもSEO的にはマイナスなので必要最低限に抑える事で、メリットがある。
テーブルレイアウトがSEO的にマイナスなのは、本来ホームページのレイアウトデザインの為のモノではない為である。テーブルは表計算などに使う目的のモノだが、ホームページのデザインに都合が良かった（ブラウザ間の見た目の誤差が少ない為、昔は良く使われた。）のだが、スタイルシートなど技術やブラウザの互換性の進歩により、あまりホームページのレイアウトには使われなくなってきた。クローラーもテーブルを嫌うのでなるべくテーブルを使わずCSSによるレイアウトにまとめたいものだ。