Web標準の基本ソースコードはこれだ！

えぇ、ちょっとお堅いお話です。
ここでは、XHTML 1.1 + CSS（スタイルシート）を使ってサイト作成をしていくことにします。
Web業界では、HTMLではなくて、XHTMLが標準になろうとしているんですよ。
折角、お勉強をするのなら、前を向いて学びたいな～♪というのが私のスタンスです。

ウェブページを作る時、ホームページ作成ソフトで新規作成メニューを選ぶと、基本のソースコードが最初に設定されているんですよね。
でも、テキストエディタには、基本ソースコードは設定されていません。
（ez-HTMLでは設定できます⇒ [参照] サイト作成に便利な無料ツール）

毎回、同じソースコードを書くのは面倒くさいでしょう？
お決まりのソースコードがあるんですから、それをどこかに保存しておくと、作業効率がアップしますよね。

はい！そこで！基本のソースコードを下に書いてみました♪
前回の記事「超基本タグでページを作ってみる」で記載したソースコードより、少し複雑ですね。
でも、このまま丸ごとコピー&ペーストして、どこかに保存しておくと便利ですよ♪

この中で、どうしても、意味を知らないと駄目な部分が、１箇所だけあります。
「<link rel="stylesheet" 」で始まって「href="**.css" />」で終わっている赤字の部分です。
この部分は外部CSSの指定をしている箇所なんですね。
このページとは違う場所のCSSファイルを指定しているんですよ。
「**」の部分には、そのCSSファイルの場所を指定してあげないと駄目なんですね。
外部CSSの指定方法は、後の記事で触れます。今回はスルー（笑）

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<title>ページタイトル</title>
<meta name="description" content="説明文" />
<meta name="keywords" content="キーワード1,キーワード2" />
<link rel="stylesheet" type="text/css" media="all" href="**.css" />
</head>
<body>
<div>ページの本文</div>
</body>
</html>

保存できましたか？
どうしても、意味を知らないと駄目な箇所以外のところは、勘で書き換えられると思いますよ。
「ページタイトル」「説明文」「キーワード」がそれに相当します。
キーワードは、半角のカンマで区切って複数個指定できますよ。
あなたのページに合ったキーワードを設定してあげてくださいね。

私は、この基本ソースをベースにウェブページを作っています。
外出先など、マイパソコンが使えないときは、当サイトにやって来て、ソースコードを使っていますよ♪
それくらい使用頻度の高いモノということです。

おっと、もうひとつだけ、知識を身に付けましょう♪
タグは、小文字で書くのがWeb標準なんですよ！
<body>とか<title>とかね。

次は、外部CSSについて触れま～す d(^^)b

<< 超基本タグでページを作ってみる | | 外部CSSと外部Javascriptの設定 >>