6. HTMLの系統図
HTML, HTML+
HTML 2.0
(RFC1866・1995年) HTML 3.0
HTML 2.x HTML 3.2
(RFC2070・1997年) (1997年)
HTML 4.0
(1997年) HTML 4.01
(1999年) XHTML 1.0
(2000年)
XHTML 1.1
(2001年)
Living Standard HTML5
(2014年?)
HTML 5.1
XHTML 2.0
7. 旧石器時代のHTML
<!DOCTYPE HTML PUBLIC "‐//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>HTML 3.2</title>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#C00000" vlink="#800000" alink="#FF00FF">
<center>
<h1><font color="red" size="6">HTML 3.2</font></h1>
</center>
<hr>
<p>この文書は <big><b>HTML 3.2</b></big> で書かれています。<br>
center 要素や font 要素など、懐かしいですね。</p>
</body>
</html>
8. HTML 4.0勧告(1997年)
• 国際化
HTML3.2までは仕様上ISO‐8859‐1( Latin‐1) しか使えなかった。SGML Declaration for HTML 3.2
HTML4.0ではRFC2070(HTML2.x)で規定されたlang属性やcharset属性、bdo要素などを導入。
• スタイルシートとスクリプトに対応
構造とプレゼンテーションの分離。
font要素、center要素など見た目に関する要素、属性は非推奨に。
• マルチメディアの強化
object要素が登場し、applet要素は非推奨に。
しかし、当時のブラウザの対応がいまいちで…。
• アクセス性
フォームや表の構造化(label要素、thead要素など)。
使用上の注意が必要なものやアクセシビリティ・サポーテッドでないものもある(accesskey属性、 table要
素のsummary属性など)。
24. DTDの読み方
開始タグ、終了タ
html要素 グとも省略可能
要素の中身は
<!ENTITY % html.content "HEAD, BODY">
head と body コメント
<!ELEMENT HTML O O (%html.content;) -- document root element -->
<!ATTLIST HTML
属性は lang, dir の
%i18n; -- lang, dir --
>
み指定可能
開始タグは必須、
終了タグは省略可 インライン要
p要素 素が0個以上
<!ELEMENT P - O (%inline;)* -- paragraph -->
<!ATTLIST P
%attrs; -- %coreattrs, %i18n, %events --
>
コア属性(id, class等)、i18n、
イベントハンドラ(onclick等)
25. DTDの読み方
img要素 空要素
<!-- To avoid problems with text-only UAs as well as
to make image content understandable and navigable 属性値の型
to users of non-visual UAs, you need to provide
a description with ALT, and avoid server-side image maps -->
<!ELEMENT IMG - O EMPTY -- Embedded image --> 属性の指定
<!ATTLIST IMG が必須
%attrs; -- %coreattrs, %i18n, %events --
src %URI; #REQUIRED -- URI of image to embed --
alt %Text; #REQUIRED -- short description --
longdesc %URI; #IMPLIED -- link to long description
デフォルトが
(complements alt) --
name CDATA #IMPLIED -- name of image for scripting --
暗示的に存在
height %Length; #IMPLIED -- override height -- (指定は任意)
width %Length; #IMPLIED -- override width --
usemap %URI; #IMPLIED -- use client-side image map --
ismap (ismap) #IMPLIED -- use server-side image map --
>
26. もう読めるよね
table要素
<!ELEMENT TABLE - -
(CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+)>
<!ATTLIST TABLE -- table element --
%attrs; -- %coreattrs、%i18n、%events --
summary %Text; #IMPLIED -- purpose/structure for speech output--
width %Length; #IMPLIED -- table width --
border %Pixels; #IMPLIED -- controls frame width around table --
frame %TFrame; #IMPLIED -- which parts of frame to render --
rules %TRules; #IMPLIED -- rulings between rows and cols --
cellspacing %Length; #IMPLIED -- spacing between cells --
cellpadding %Length; #IMPLIED -- spacing within cells --
>