実習3
―xhtmlで書いてみる―
対象データをPC上に準備
- 練習2の結果のファイルをそのまま使う。
- 今回は変更するのはHTML文書だけでスタイルシートは変更しない。
- ファイルはFrontPageで開くとよい、またFrontPageの「標準」画面のほうで編集すると
FrontPageにより勝手にタグが追加されてしまうので注意。
xhtmlの文法に合うように修正する(1つ直すごとに文法チェックしてみるとよい)
- DOCTYPE宣言をxhtml用に<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Strict//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">と変更する。
- 1行めにXML文書であることを識別するためのに
<?xml version="1.0" encoding="ISO-2022-JP"?>をつける。
- langアトリビュートをxml:langアトリビュートに変更。
- タグの中のエレメント名、アトリビュート名をすべて小文字にする。
- PやLIエレメントに終了タグをつける。
- BRやHRやLINKやMETAエレメントにも終了タグをつける。(もしくは「/」をつける)
- EMエレメントやAエレメントなどがBODYのすぐ内側ではないようにする(DIVなどで括る)。
HTML文書を表示してみる
- スタイルシートのファイルがHTML文書のファイルと同じディレクトリーにあることを確認する。
- 作成したHTML文書のファイルをInternet Explorerにドラグ&ドロップして表示してみる。
HTML文書のチェックをする
- Another HTML Lintのペイジ(http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
)を開く。
- チェックオプションで「以下のすべてのチェックを有効にします。」と
「宗教的なチェックをすべて無効にします。」をOFFにする。
- 「チェック方式」を「URL」ではなく「DATA」に切り替える。
- PC上のテキストエディターでtest.htmlの内容を全選択し「コピー」する。
- Another HTML Lintのペイジの「DATA」の欄の大きいテキストを「クリア」ボタンでクリアし、そこに「ペイスト」する。
- 「チェック」ボタンを押す。
$Id: exam3.html,v 1.8 2000/08/23 18:19:26 void Exp $
