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

2007/01/05

基準のソースコード

(2)

テーマ： Web標準(117)

カテゴリ： Web標準

Web標準の教科書

CSS Zen Garden book

2007年はこのソースコードを基準にページ組みをしていこうと思います。

loosed にするか strict にするかは、迷うところではありますねぇ。
strict 寄りな loosed でも OK と言えばそうですが
意識しながら慣れていくことを今年の目標に据えます。

目次も2007年度版をこしらえて（作って）まいります。
徐々に、徐々にね。

で･･･ページ作成七カ条なるものを策定（笑）

HTML 4.01 strict で記述
文字コードはEUC-JP（PHPを意識して）
CSS、Javascript はすべて外部ファイル
CSSハックを使わないでJavaScriptで切り替える（個人的に好まないだけですが･･･笑）
PHPで作成希望（Copyrightの西暦部分の更新を放ったらかしに♪）
CSSレイアウトでGO！
ソースコードは美しく！
（インデントなし左揃え、塊ごとに改行とか、カッコいいソースコードに♪）

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<!--入口-->
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<title>ページタイトル</title>
<meta name="ROBOTS" content="ALL">
<meta name="description" content="">
<meta name="keywords" content="">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<link rel="stylesheet" type="text/css" href="inc/common.css">
<!--CSS-->
<script language="JavaScript" type="text/JavaScript" src="inc/browser.js"></script>
<noscript><link rel="stylesheet" type="text/css" href="inc/default.css"></noscript>
<!--JS-->
<script language="JavaScript" type="text/JavaScript" src="inc/common.js"></script>
</head>

<body id="SiteTop">
<div id="container">

<div id="header"></div><!--header end-->
<div id="content"></div><!--content end-->
<div id="footer">
<address>Copyright (C) 2006-<?php print date(Y); ?> Example Corporation.
All Rights Reserved.</address>
</div><!--footer end-->

</div><!--container end-->
</body>

</html>

上のソースコードを見てもらうとわかるように
外部ファイルはすべて「inc」という階層（フォルダ）に放り込んでいます。

もっといいネーミングはないものか･･･と思うんだけどねぇ･･･浮かばないんだな（笑）

それと、このソースコードは、PHPを想定して書いてあります。
下のほうの Copyright のところに <?php print date(Y); ?> ってあるでしょう。
だーかーらー、このソースをコピッて使おうと思うと
お馴染みの拡張子「html」から「php」に変更しなくてはならないのでっす！
そんなーという場合には、 <?php print date(Y); ?> を取っちゃってくださいな。
んで、2007 とかに書き換えてもらえば OK なりぃ♪

PHPが走るサーバをお使いでない方は、そうしちゃってくださいね。

※このソースコードのポイントは、また後日。

今日の最後に･･･RSSを自サイトに読み込んでみちゃったテストページをチラッと。
ここのブログと他にいくつかのRSSを読み込んでいます。
http://webstandard.hobomixi.com/rss/

これを土台にシコシコガシガシ何か作ってみようと思います。
ああ急がしや楽しや♪

RSS まわりについても、またレポートしますよぉ。
んじゃ！（＾▽＾）/