伊助タイトル画像

 

Web作成再挑戦 / XHTML1.0 +CSS

テンプレート選び

久しぶりにサイトを作成するにあたってまず考えたのがテンプレートの利用。検索エンジンで捜すとあるは、あるは、どれをえらんだらいいのかさっぱりわからない。

たまたまよさそうだなと思ったテンプレートでとにかく始めたみたもののしっくりこない。シンプルな見かけの表タグを多用したものだったが、体裁は崩れる、チェックサイト (Another HTML-lint gateway)で確認するとエラー多発で捨てる羽目に。。

もちろん趣旨にあったテンプレートを捜せばあるのだろうけど逆に回り道になってしまった。。

CSS利用のススメ

エラー修正のなかで検索しながら気づいたのは HTMLのバージョンとCSS利用のススメ。

表でぎこぎこ体裁いじくっていたけどCSSを使うと表<table>タグをつかわなくても表っぽくできるし、何より体裁管理を一元化できるのでまずここで時間をかけて外部CSSでやってみた。

HTMLのバージョン

また気になっていた HTMLのバージョンについて調べていくと XHTML + CSSが今の流行らしいことがわかった。簡単優先だから流行など気にならないし、一般的らしい HTML4.0でも別段かまわなかったけど、コードの書き方のルールが違うので先々を考えて XHTMLで作成することに決定。書き換えるかどうかで迷った時点で放置すること間違いないからである。

結局 XHTML1.0 Transitionalに

しかし困ったことにXHTMLの中でもいろいろ規格がある。。

  XHTML1.0 Strict

  XHTML1.0 Transitional

  XHTML1.0 Frameset

  XHTML1.1

  XHTML Basic

結局更新を簡単にするためにインラインフレーム<iframe>の使用を考えていたので、インラインフレームが使え、HTML4.0と互換性が高い XHTML1.0 Transitional でいくことにした。新しい規格だとブラウザの対応云々も書かれていたので避けることに。。

ついでにいうと、Web作成会社のサイトもXHTML1.0 Transitional が多いし、今回サイト作成挑戦にあたって気張って手に入れた Dreamweaverの販売元 Adobe社でもこれだったので、まず無難な線なのでしょう。

 

とりあえず体裁の基礎はこんな感じで作ってみました。

基礎作りに活用させてもらったAnother HTML-lint gatewayさんには感謝感謝です。

Promotion

 

 

 

 

 

 



.

.Creative Commons License

.XHTML1.0 Transitional

.feed

.BlogPeople

.

 

» 伊助/isuke   »メール   » サイトについて   » 管理用                    Copyright© 2000-2009 伊助(いすけ) www.isuke.com. Some right reserverd.