 | fujiokayade Link |
 | Mr WordPress Hello world! |
従来の“テーブルレイアウトによるホームページ作成”を前提とするか、“Web標準に準拠したホームページ作成”を前提にするかで、HTMLに関する意味するものは全く違ってきます。極端に言えば、同じHTMLであっても両者は別モノ。テーブルレイアウトの時のHTMLの“表示方法を指定する”というタグの役割は、Web標準ではCSSが担当することになる。そうなるとHTMLの役割が無くなってしうまうような気がするが、Web標準では、それまでになかった“構造を示す”という“新しい重要な役割”が発生します。決して新しいわけでなく“本来の役割”にを果たせるようになっただけのこと。Web標準のメリットを最大限に活かせるようになる。
1.中身が空の要素を挿入しない単体で意味を持たない要素、divタグやspanタグを中身空で使用することは意味合い的にあまり好ましくないです。
角丸のためとか、div style=”clear:both”とか、まぁわからなくもないんですけど、
なるべく使わない方法を考えたいものです。
brタグにクラスを設定してclearするのもこれと似た意味で避けたいものです。
個人的にはそんなに腹が立つわけじゃなくて、
class=”left”とかclass=”red”とかそういうclass名は素人くさい感じでほほえましいですが、
原則として、その要素の意味を表す名前をつけてあげるのが基本なので上記のようなものはだめということです。
僕もたまに怠けてclass=”clearfix”とか付けますけど、これは悪い見本です。
インデントをすると入れ子構造を把握できる代わりに、
ちゃんと入れ子構造通りにインデントをする義務が発生します。
Dreamweaverの機能で簡単に出来たりもしますが、
静的なページならまだしも、動的なページでは
PHPなどを利用してテンプレートを切るので構造がずれてしまったりという事があるのでだいたい左揃えの方が無難です。
まぁ、これは色々なケースがありますので無難とだけ。
CSSに適切にコメントを入れると見やすくて良いのですが、
作業中はスピード重視でコメントをいちいち入れなかったり、
色々なセクションの記述がばらばらに書いてしまったりします。
こういうのはある程度仕方がないので、
作業終了の後、見直して適切なコンポーネントに分けたり、
コメントを挿入してあげるとメンテナンス性が向上します。
いまや当たり前になったいわゆるコンポーネント化です。
CSSをある一定の役割毎に複数に分割して読み込む手法です。
運用体制など色々な事情から工夫して、切り分け方を考えると良いと思います。
こちらなど参考にしていただければと思います。
一枚で書くのが悪いって言う事ではないですが、
小分けにしておく方が管理はしやすいですよ。
基本はクロスブラウザで書くことが無難です。
OperaやSafari用のハックはありますが、それらのモダンブラウザは殆どの場合ハックしなくても別の方法を採用すれば表示の体裁は保てると思います。
ハックはIE用のものだけにとどめておく事が良いでしょう。
具体的にはスペースでインデントを調整したり、brタグの連続入力で余白を調整したりといった事。
タグにはひとつひとつに意味がありますので、それを考慮すればCSSで制御するのが良いという事です。
ですが、brの連続入力等は後でページ毎に修正しないといけないとかおおむね不便な事の方が多いので、
管理上の理由でもやめた方がよいです。
誰かがアプリケーションもしくはデジタル製品を使う度に、そこにマシンとの会話が生まれることになる。
目標達成の手段
インターフェイスデザインの初めの一歩は、そのユーザが本当に達成しようとしている目標が何なのか見極めること。
書籍：オライリージャパン「デザイニング・インターフェイス～パターンによるインタラクションデザイン」より抜粋
Welcome to WordPress.com. This is your first post. Edit or delete it and start blogging!
|
