Web Artisan Blog - ウェブ アルチザン ブログ

以前の投稿”HTMLデザイン”でも紹介しましたが、Tipsとして再投稿。

BLOGをやる上で、悩む所が画面のレイアウト。
livedoorなどのBLOGサービスを利用してBLOGをする場合は、
そこで提供されているテンプレートを選んで画面を作ればいいのですが、
どんどんBLOGにハマっていくと、
”他と同じようなデザインじゃ嫌だ！”と思う人も少なくないでしょう。

また、NucleusやMT（MovableType）をサーバーにインストールしてBLOGをする場合、
早くデフォルトのレイアウトから変えたいと思うものです。

しかし画面のデザインは、やはりセンスがモノをいいます。
一から作っていくのも大変だし、
他のサイトを参考にするといっても、数多いサイトの中から選ぶのは一苦労。
それに加えて当サイトとしては、XHTMLとCSSを使用して画面を作って欲しい・・・。

＞続きを読む・・・ブログ（BLOG）のデザイン参考サイト：XHTML、CSS、HTML

HTML採点サイトとして有名な下記サイトで文法チェックが行えます。
Another HTML-lint gateway

■最近の私の利用例

GoogleWebSearchを導入する際、Googleの生成したコードをXHTML1.1に適合させた。
tableタグの使用を止め、divタグによるレイアウト調整に変更した。
参考になったのは、
radioボタンのchecked属性がXHTMLでは、checked="checked"と記述する点。

・修正前

 <input type="radio" name="sitesearch"
 value="www.res-system.com" checked></input>

・修正後

 <input type="radio" name="sitesearch"
 value="www.res-system.com" checked="checked"  />

XHTMLについて、現時点での簡単なまとめ。

XHTML（Extensible HyperText Markup Language）

（１）概要
今までのHTML（Hyper Text Markup Language）では、
文書構造や定義の仕方にあいまいな点が多く、ブラウザ毎に見え方が違ったりするなど、
ブラウザの種類によってHTML定義方法も変えなければいけない事が通例となっていた。
このようなHTML規約の統一を図るべく、登場したのがXHTMLである。
2000年1月にXHTML1.0がW3C によって勧告され、
2004年7月現在、モジュール化されたXHTML 1.1が最新となっている。

XHTMLは、
簡素な文書構造記述言語として発展し、また上記の混乱も生んできたHTMLに、
XMLの持つ柔軟性や拡張性を取り入れたものとなっている。
HTMLはSGML（Standard Generalized Markup Language）の実装の一つであった為、書式にそれなりに自由度があったのだが、
XHTMLはXML（Extensible Markup Language）の実装であるため、
書式がかなり厳密になっている。

XHTMLを使う事で、HTMLには無かったコーディングの正確性が要求され、
これにより、異ブラウザ間の互換性が保たれる事となり、ユニバーサルデザインとなる事に繋がる。

※ユニバーサルデザイン
  年齢、性別、障害の有無、国籍、人種といった様々な属性にかかわらず、
  どんな人でも利用できるよう配慮した設計のこと。
  ちなみにこれは建築などにも適用され、HTML等のWEBに限った言葉ではない。
  これにより、アクセシビリティ（誰でもどんな人でも利用できる）、
  ユーザビリティ（使いやすさ）に優れたサイトとなる事ができる。


＞続きを読む・・・XHTMLとは？：XHTMLの簡単なまとめとXHTMLの利点

html作成において、
以前は、レイアウト調整をtableタグで行うことが通例であった。

しかし、
昨今の”SEO対策”・”W3C準拠”・”ブラウザの標準統一”の言葉と共に、
「XHTML」によるhtml作成が標準となりつつあり、
tableタグに関しては、レイアウト調整では使わず、
本当に必要と思われる場合のみ、使う事が望ましい。

そこで、正しいtableタグ定義を改めて考えてみる。


＞続きを読む・・・XHTMLとCSSによるhtml作成：tableタグの正しい定義