大枠をテーブルデザイン+細部をCSSデザイン=ハイブリッドデザイン & HTMLの進化型 "XHTML" を解説されているサイト様の紹介

ハイブリッドデザインとXHTMLのススメ

ブラウザはページを表示する際、テーブルタグの中に更に複数のテーブルデザインがあると、全体を表示するまでに、それ相応の時間を要します。
また、テーブルタグだらけのテーブルデザインをカスタマイズしようものなら "苦痛・忍" の連続でしょう。

ハイブリッドデザインは、大枠をテーブルタグ、細部を外部CSSにデザインする手法です。メリットは、テーブルタグの記述を最小限で済ませることができます。
あるいは、テーブルタグを排除し、外部CSSの呼び出しに徹したデザインにすることも可能です。
外部CSSは、レイアウトやデザインなどの変更が生じたとき、そのCSS内容の書き換えで済むというメンテナンス性に優れたWEBページ作成に効果を発揮します。

ハイブリッドなWEBサイトに最もふさわしいHTMLバージョンは、XHTML1.1が管理人のおすすめです。
敢えてXHTML1.1にこだわってみました。

当サイトは、ハイブリッドデザインとXHTMLの融合を実践形式で紹介。併せて下記の面に精通したサイト様紹介ナビです。

  • ハイブリッドデザインに関するCSS解説
  • ハイブリッドデザインテンプレートの配布
  • 着せ替えCSSテンプレートの配布
  • XHTML1.0の解説
  • XHTML1.1の解説
最新 (+修正) 情報
16.04.17 リンク切れの検証
サイト閉鎖確認作業・整理
09.05.05 リンク先追加
CSS+XHTMLテンプレート
TEMPLATE GATE
08.09.03 リンク先変更
CSS着せ替えテンプレート
プロジェクト

08.04.07 リンク切れの検証
サイト閉鎖確認作業・整理
07.10.28 リンク切れの検証
サイト閉鎖確認作業・整理
07.06.10 xhtmlサイト探訪
行政 宮崎県庁  文化庁
企業 サッポロビール
 SoftBank  TBS  日テレ
相互リンクサイト様
姉妹・知人サイト
自サイト検索ヒット状況
06. 2.22 Yahoo検索上位
05. 10.15 Google検索上位
05. 10. 1 Googleヒット確認
05. 9.28 Yahooヒット確認
**  05. 9.25 サイト公開 **

補足情報

動作確認は Internet Explorer & Mozilla Firefox です。

リンクフリーです。▼バナーはDLしてご利用下さい。(88×31)

ハイブリッドデザインNAVI ハイブリッドデザインNAVI


  ♠ URL http://hybrid-design.skr.jp/
  ♠ E-MAIL メールフォームから又は▲ http:// を master@ に置き換えて下さい。
  ♠ サイト名 ハイブリッドデザインNAVI
  ♠ 管理人 Yah (やぁ)
  ♠ 紹介文 ハイブリッドデザイン & XHTML解説サイト紹介ナビ

  ♠ 姉妹サイト  未知の苦HTML解道


著作権と免責

当サイトに掲載された著作物に関わる全ての権利は、管理人Yah!が保有します。

リンク先バナーの著作権は、それぞれのサイト様に帰属します。

当サイト管理人は掲載情報に関し、いかなる責を負わないものとします。


Valid XHTML 1.1 Valid CSS! Another HTML lint
Total:  today:  Yesterday:
◇2010/05/20 盛岡どうぶつ病院様サイトリニューアル。