はじめてのXHTML

雛形

次のものを「メモ帳」などにコピー＆ペーストしてください：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>私のホームページ</title>
</head>
<body>

<h1>私のホームページ</h1>

<p>工事中</p>

</body>
</html>

保存するとき，文字コード（エンコーディング）は UTF-8 にして，index.html というファイル名で保存してください。

もし文字コードを UTF-8 にできなければ，シフトJISまたは EUC-JP で保存して，上の UTF-8 の部分をそれぞれ Shift_JIS または EUC-JP にしてください。

サーバへのアップロード

これは環境によって方法が変わりますので，授業でやりましょう。

アップロードしたページを見る

index.html をダブルクリックして見えるのは，本物ではありません。

ブラウザのアドレス欄に次のように打ち込んで見えるのが，本物のページです。

http://サーバ名/~ユーザ名/

この ~ は「チルダ」（tilde）と読みます。標準的な日本語キーボードではShiftを押しながら「へ」のキーを打つとチルダが出ます。

XHTMLとは

XHTML（Extensible HyperText Markup Language）は，従来のHTML（HyperText Markup Language）と，構造化された情報を表すための新しい言語XML（Extensible Markup Language）の特徴を合わせ持つものです。

ここで学んでいるXHTML 1.0はWorld Wide Web Consortium（W3C）が2000年1月に定めたものです。実際に作られたのはそれより少し前なので，XHTMLのヘッダには1999という数が現れます。

細かいこと

<!DOCTYPE ...> の前に

<?xml version="1.0" encoding="UTF-8"?>

のような行を付けると書いてある本もあります。 しかし，これを付けると，Internet Explorer 6 で古い表示モードに逆戻りしてしまうというバグがあるので，当面は付けないほうが安全です。

以上はXHTML 1.0の書き方です。XHTML 1.1にするには最初の行を次のようにします。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

奥村晴彦

Last modified: 2008-08-10 21:27:37