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 まわりについても、またレポートしますよぉ。
んじゃ！（＾▽＾）/

･････つづく

Web標準にアプローチ（サイト版）東京２３区中心・駅近ホテルズ

お気に入りの記事を「いいね！」で応援しよう

最終更新日 2007/01/05　07:07:28 PM
コメント(2) | コメントを書く

[Web標準] カテゴリの最新記事

いわゆるJISの文字コード宣言 2009/04/25
CakePHP　レポート　其の壱 2008/08/09
<h1>要素（タグ）の適正な使い方について… 2008/04/17 コメント(13)

■コメント

Re:基準のソースコード(01/05)

ひこぴん4084 さん

まいまいさん　こんばんわ
明けましておめでとうございます。今年もよろしく御願いします。とにかくまいまいさんのブログにはお世話になりぱなしです。

Javascript はすべて外部ファイルにするとどのような効果が見られるんですか？ (2007/01/08　07:48:55 PM)

返事を書く

Re:ひこぴん4084さんへ

まいまい@Web標準のお勉強中さん

＞Javascript はすべて外部ファイルにするとどのような効果が見られるんですか？
-----
共通で使えるものは各ファイルに書き込むと更新が面倒ですね。
あと、ファイルサイズを抑えられるし、ソースコードも綺麗になってサーチエンジンに好かれやすくなりますね。
資源は大切に！です（笑）
やさしい心がけが、きっと良いことを導いてくれます♪

ええ、遅くなりましたが、今年も当ブログを可愛がってあげてください＾＾
(2007/01/08　10:06:21 PM)

返事を書く