プログラミング基礎 I

第八回 (2006年 6月 12日)

XHTML の基本

http://www.sw.it.aoyama.ac.jp/2006/PB1/lecture8.html

Martin J. Dürst

HTML と XHTML

HTML は XML より前にできた (1990年あたりから)
正式には HTML は SGML の応用だった
ブラウザは HTML の構文をチェックしなかった
Web に出回った HTML はどんどんひどくなった
ブラウザはどんどんひどい HTML の対応に覆われた
XHTML は HTML を XML の文法を緊密に守るように作り直したもの

XHTML の外枠の例

<?xml version="1.0" encoding="UTF-8"?>
<!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">
...
</html>

XHTML の外枠の説明

<?xml ...: XML 宣言。encoding は普通の XML と同じ。
<!DOCTYPE ...: 外部 DTD。複数の種類があるが、Strict が普通。
<html xmlns="...: 全体の要素は html。xmlns で名前空間を指定する。

名前空間

世界中色々な XML がある。
複数のところに例えば <title> 要素が使われる可能性がある:
- 本の title
- Web ページの title
- 肩書きとしての title
要素を区別・特定できるために名前空間を使う

`<head>` と `<body>`

Web ページは二つの部分からなる:

<head>: 直接見えない部分。Web ページについて色々な情報が書かれている。
<body>: 直接見える部分。

`<head>` の主な要素

<title>: Web ページの題名。唯一必須な要素。様々なところに使われるので必ずよく考える。
<link>: スタイルシートなどをリンクできる
<style>: スタイルを直接 Web ページに書き込めるところ
<meta>: 色々追加情報が書ける

`<body>` の主な要素

<div>: 複数の段落などをまとめるもの。章、節などに使える。
<p>: 段落 (paragraph)
<ul>, <ol>, <dl>: 項目が列挙できるリスト
<table>: 表

演習 1: XHTML で簡単な Web ページを作りなさい

簡単な Web ページを作りなさい。head に title で、body に複数の p を使って下さい。

6月18日 (日曜日) の 23:55 までに Moodle に投稿。

演習 2: 本格的な Web ページの内容を考える

自分が作りたい本格的な Web ページをの内容を考えてください。

授業中の他の学生に見せてもいい内容にしてください。

良い Web ページはどういう Web ページなのかを考えてください。

(提出は現在不要)