Web標準にアプローチ　〔まいまいのお宿。〕

2006/05/18

Let's Web標準！CSSやJaｖaScriptは絶対外部ファイル！

テーマ：ちょこっとＨＴＭＬ(216)

カテゴリ： PC&Web

利点として、「更新に便利！」とか「ファイル容量の軽量化」などが
あげられると思うけど、他にもアリアリ

古いブラウザなど、CSSやJavaScriptに対応していないブラウザで
CSSやJavaScriptの内容が丸ごと表示されてしまうのを防ぐために
コメント化（コメントアウト）するんだけど
これ、HTMLとXHTMLでは書き方が違うの。

HTMLはよく知られていると思うけど、XHTMLってのもあるのね。
楽天広場のみんなのページはXHTMLなのでっす！

XHTMLは難しいというより厳しいっす

広場はコメントアウトしてない･･･直書きだ！
理由はあるのだけど触れないでおこう。
ここでは、コメント化の書き方は触れな～いも～ん＾＾
何故か？･････････　どっちも、覚えなくてもいいからよ～ん　

あっちの時はこうで、こっちの時はああで、なぁ～んて覚えないで
一個覚えましょう！

CSSやJavaScriptは
　　　　　外部ファイル化！

これだけ覚える。
例外や時と場合に応じての書き方は
どーしても！って状況になったときに調べればいいと思うのよね。

Web標準の教科書には、書いてあるけどね～＾＾
この書籍ね、字がいっぱいなんだわ。
でもね、読みやすい！何故か読みやすい！
秘密は、罫線だね。
参考書とかって、文字いっぱい、ギッシリだったりするけど
この薄い罫線が、読み進めるのを助けてくれるよ。

話は反れたけど
CSSとJavaScriptの外部ファイルを指定する記述方法は
こんな感じね。

【外部ファイル指定（HTMLの場合）】
CSSの場合
meta http-equiv = "content-style-type" content = "text/css" >
< link rel = "stylesheet" type = "text/css" href = "css/ sample .css" >
JavaScriptの場合
<meta http-equiv = "content-script-type" content = "text/javascript" >
<script type="text/javascript" src="js/sample.js" ></script>

今回はすべて小文字でタグを書いてるのに気づいたかしら？
Web標準では、小文字で書くことを薦めているんだよ。
もー、習慣にするっきゃないね。

もうひとつ。
sample.cssは「css」って階層（フォルダ）の中に
sample.jsは「js」って階層の中にそれぞれ保存してある状態なのね。
これ、わかるよね。
こうやって、分類しておくと
ファイル構成が見やすくなって乱雑＆煩雑にならなくて済むね