HTML4.01での要素

Elements of 'HTML4.01'.
HTML4.01での要素の一覧です。
その中でDeprecated （非難される）とされている要素を「非推奨」
として表示しています。
又、FramesetFrameset DTDでしか使用できない要素には(Frameset DTDで使用)、
Strict DTDでは使用できない要素には（Strictでは使用不可）と表示しています。

非推奨:使用すべきではない要素(Deprecated )

[A]：アンカー
[ABBR]：短縮された形態(例えば , WWW, http, 等。)
[ACRONYM]：
[ADDRESS]：著者の情報
APPLET：Javaアプレット※[非推奨](Strictでは使用不可)
[AREA]：イメージマップの領域
[B ]：太字
[BASE]：基準URI
BASEFONT：基準フォント・サイズ※[非推奨](Strictでは使用不可)
[BDO]：I18N(※)
[BIG]：大きい文字
[BLOCKQUOTE]：長い引用語句
[BODY]：文書のボディ
[BR]：強制改行
[BUTTON]：押しボタン
[CAPTION]：表のキャプション
CENTER：※[非推奨](Strictでは使用不可)
[CITE]：参照
[CODE]：コンピューターのコード
[COL]：表のコラム
[COLGROUP]：表のコラム group
[DD]：定義記述
[DEL]：削除されたテキスト
[DFN]：例定義
DIR：登録簿のリスト※[非推奨](Strictでは使用不可)
[DIV]：一般的なコンテナ
[DL]：定義リスト
[DT]：定義する言葉
[EM]：強調重点
[FIELDSET]：フォームのグループ
FONT：fontへのローカルな指定※[非推奨](Strictでは使用不可)
[FORM]：
[FRAME]：フレーム※(Frameset DTDで使用)
[FRAMESET]：フレームセット※(Frameset DTDで使用)
[H1]：ヘッディング
[H2]：ヘッディング
[H3]：ヘッディング
[H4]：ヘッディング
[H5]：ヘッディング
[H6]：ヘッディング
HEAD：文書のヘッダ部
[HR]：水平線（横罫)
[HTML]：文書のルート要素
[I]：イタリック体テキスト様式
[IFRAME]：インラインフレーム※(Strictでは使用不可)
[IMG]：埋め込みイメージ
[INPUT]：書式制御
[INS]：挿入されたテキスト
ISINDEX：ユーザーが入れるテキスト：※[非推奨](Strictでは使用不可)
[KBD]：
[LABEL]：フォーム領域のラベルのテキスト
[LEGEND]：fieldsetの説明
[LI]：リストの項目
[LINK]：文書のリンク状態
[MAP]：クライアント側のイメージマップ
MENU：メニューリスト：※[非推奨](Strictでは使用不可)
META：一般的なメタ情報
[NOFRAMES]：F.DTD非フレーム対応コンテナ
[NOSCRIPT]：非スクリプト対応コンテナ
[OBJECT]：一般的な埋め込み
[OL]：番号付きリスト
[OPTGROUP]：選択グループ
[OPTION]：選択可能な部分
[P]：パラグラフ（段落）
[PARAM]：指定された属性値
[PRE] ：
[Q]：短いインライン引用語句
S：テキストの打ち消し：※[非推奨](Strictでは使用不可)
[SAMP] サンプルプログラム出力、スクリプトなど
[SCRIPT]スクリプト
[SELECT]|選択セレクター
[SMALL]小さい文字
[SPAN]一般的なコンテナ
STRIKEテキストの打ち消し：※[非推奨](Strictでは使用不可)
[STRONG]強い重点（emより強い強調)
[STYLE]スタイルの情報
[SUB]添字
[SUP]指数
[TABLE]
[TBODY]テーブルボディ
[TD]テーブルのデータセル
[TEXTAREA]複数行のテキスト領域
[TFOOT]テーブルのフッター
[TH]テーブルの見出しセル
[THEAD]テーブルヘッダー
TITLE文書のタイトル
[TR]テーブルの列
[TT]
U下線を引かれたテキスト様式※[非推奨](Strictでは使用不可)
[UL]番号付きではないリスト
[VAR]変数かプログラムの例

HTML 4.01 Specification

非推奨の属性

このセクションでは、HTML4.01で非推奨:使用すべきではない要素(Deprecated )とされている属性です。
厳格な仕様のstrictで使用できない属性、要素によっては使用できない属性になります。

align属性
alink属性
(alt属性)※img要素では必須です
bgcolor属性
background属性
border属性
clear属性
(code属性)
(codebase属性)
color属性
face属性
height属性
hspace属性
language属性
link属性
noshade属性
nowrap属性
(prompt属性)
size属性
start属性
text属性
type属性
value属性
version属性
vlink属性
vspace属性
width属性

align属性

例：　<div align="center">
要素の位置を指定する属性です。

APPLET, IFRAME, IMG, INPUT, OBJECT
LEGEND
TABLE
HR
DIV, H1, H2, H3, H4, H5, H6, P (left | center | right | justify)

で非推奨です。

※例外的にtd要素、th要素、tr要素、col要素などでのalign属性は非推奨ではありません。
(COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR )

ブロック要素内のインライン要素の位置を指定する場合は

代替CSS
```
div {text-align: center } または p { text-align:center }
```
ブロック要素の位置を指定する場合は
```
table { margin-left: auto; margin-right: auto } 
```
※：[DTDがStrict、Transitionalにより、ブラウザで表示（レンダリング）が異なります。]

alink属性

テキストリンクの領域を押した際の文字の色を設定する属性です。
例：<body alink="#00ff00">

代替のCSSとして、[color]で指定します。

代替CSS
```
a:active { color: #0f0 }
```

alt属性

bgcolor属性

要素の背景色を指定する属性です。
例：　<body bgcolor="#ffcccc">
代替のCSSとして、[background-color]で指定します。

TABLE
TR
TD, TH
BODY

代替CSS
```
body { background-color: #fcc } 
```

background属性

要素の背景に画像を指定する属性です。
例：　<body background =

>
代替のCSSとして、[background-image]にurl(".jpg" )で指定します。
代替CSS

body { background-image: urｌ("○○.jpg") }

border属性

枠線表示、非表示を設定する属性です。
例：　<img src ＝　".jpg"　border="0">

IMG, OBJECT

代替のCSSとして、[border-style]で指定します。

代替CSS
```
img { border-style: none }
```

※例外的にtable要素のborder属性は非推奨ではありません。

=

clear属性

[align属性]によって表示されている、テキストの回りこみを解除する属性です。
例：　<br clear="left">

代替のCSSとして、[clear]で指定します。

代替CSS
```
p { clear: left }
```
この場合、CSSでfloat属性が指定されている場合に有効となります。

code属性

[applet要素]で使うアプレットのクラス名を指定する属性です。
[applet要素]が非推奨で、廃止予定の要素です。

color属性

文字に色を指定する属性です。
例：　<font color="red">

BASEFONT, FONT

代替のCSSとして、[color]で指定します。

代替CSS
```
span { color: red }
```

face属性

フォント名を指定する属性です。
例：　<font face="impact">

BASEFONT, FONT

代替のCSSとして、[font-family]で指定します。

代替CSS
```
span { font-family: impact }
```

height属性

要素の高さを指定する属性です。
td要素、th要素や、APPLET要素の高さ指定で非推奨になっています。

TD,Th

※APPLET要素が非推奨、使用する場合は、高さの指定は「必須」です。

例：<td height="100">

代替のCSSとして、[height]で指定します。

代替CSS
```
td { height: 100px }
```

hspace属性

左右に余白を設定する属性です。

APPLET, IMG, OBJECT

例：　<img src=

hspace="10">

代替のCSSとして、[margin-left]などで指定します。

代替CSS

img { margin-left: 10px; margin-right: 10px }

language属性

スクリプトの種類を指定する属性です。

SCRIPT

例：<script language="ｊavaScript">
代替として[type属性]で指定します。

代替属性
```
<script type="text/ｊavascript">
```

link属性

テキストリンクの領域の文字色を指定する属性です。

例：　<body link="#0000ff">
代替のCSSとして、[color]で指定します。

代替CSS
```
a:link { color: #00f }
```

noshade属性

nowrap属性

テキストの改行を禁止する属性です。
例：　<td nowrap>
代替のCSSとして、[white-space]で指定します。

代替CSS
```
td { white-space: nowrap }
```

prompt属性

ISINDEX

size属性

文字の大きさを指定する属性値です。

HR
FONT
BASEFONT

※input　select要素でsize属性は、非推奨ではありません。

例：　<font size="3">

代替のCSSとして、[color]で指定します。

代替CSS
```
span { font-size: medium }
```

start属性

OL

text属性

文書全体の文字色を指定する属性です。

BODY

例：　<body text="#000000">

代替のCSSとして、[color]で指定します。

代替CSS
```
 body { color: #000 } 
```

type属性

li要素などでのリスト項目のマーカーの種類を指定する属性です。

LI
OL
UL

例：　<li type="disk">
※input要素及び、MIMEタイプ指定での type属性は「必須」となります。
代替のCSSとして、[list-style-type]で指定します。

代替CSS
```
ul { list-style-type: disk }
```

value属性

li要素でリスト項目の番号を数字で指定する属性です。

LI

例：　<li value="1">

version属性

HTML

vlink属性

訪問済みのテキストリンクの領域の文字色を指定する属性です。

BODY

例：　<body vlink="#800080">

代替のCSSとして、[color]で指定します。

代替CSS
```
a:visited { color: #800080 }
```

vspace属性

上下に余白を設定する属性です。

APPLET, IMG, OBJECT

例：　<img src=

vspace="10">

代替のCSSとして、[margin-top]などで指定します。

代替CSS

img { margin-top: 10px; margin-bottom: 10px }

width属性

要素の幅を指定する属性です。
tr要素、td要素、th要素、hr要素など非推奨です。

HR
TD, TH
APPLET
PRE

※APPLET要素が非推奨、使用する場合、横幅指定のは、width属性は「必須」です。
例：　<td width="200">
代替のCSSとして、[width]などで指定します。

代替CSS
```
td { width: 200px }
```

非推奨要素
[非推奨属性]
<!DOCTYPE>

[http://www.w3.o

非推奨要素

このセクションにある要素は、HTML4.01で非推奨:使用すべきではない要素(Deprecated )とされています。
厳格な仕様のstrictでは使用できない要素になります。

applet要素
basefont要素
center要素
dir要素
font要素
isindex要素
menu要素
s要素
strike要素
u要素

applet要素

Javaアプレットを貼り込む際の要素です。
廃止による代替の要素は、[object要素]となります。
※object要素は、まだ多くのブラウザ側でサポートされていない場合があります。

basefont要素

Webページ上の、初期のフォントサイズを指定できる要素です。
Netscape Navigator 1.1 で実装され
他のブラウザでも採用されました。
代替としては、CSSで body要素について指定できます。

代替CSSの例
```
body {font-size:medium} 
```

center要素

center要素の内容にあるすべての要素（ブロック要素など）を一律中央寄せ（センタリング）して表示します。

ブロック要素内のインライン要素の位置を指定する場合は

代替CSS
```
div {text-align: center } または p { text-align:center }
```
ブロック要素の位置を指定する場合は
```
table { margin-left: auto; margin-right: auto } 
```
※：[DTDがStrict、Transitionalにより、ブラウザで表示（レンダリング）が異なります。]
ただし、DTD が Strictに限る

dir要素

リスト項目を段組で表示する要素です。dir要素は入れ子にすることはできない要素です。
廃止予定の要素になります。
現在は、[ul要素]が代替で使われています。

font要素

フォントの大きさや色、書体を指定する要素です。
属性には size、color、face などあります。
代替のCSSとして、[font-size]、[color]、[font-family]などで指定します。

代替CSS

p { font-size: medium; color: #000; font-family: sans-serif }

isindex要素

この要素は文書内で検索可能なインデックスを作ります。
廃止予定の要素になります。
代替の要素、CSSはありません。

menu要素

項目リストのように表示します。
代替としてul 要素を使用します。

代替CSS
```
ul { list-style-type: none }
```

s要素

抹消線付きテキストを表示する要素です。

代替要素としてdel要素を使用します。

見栄えだけ抹消線のように表示したい場合は

代替CSS
```
span { text-decoration: line-through }
```

strike要素

抹消線付きテキストを表示する要素です。
廃止予定の要素になります。

代替要素として del要素を使います。

見栄えだけ抹消線のように表示したい場合は

代替CSS
```
span { text-decoration: line-through }
```

u要素

下線付きテキスト（アンダーライン）を表示する要素です。
見栄えだけ下線付きテキストのように表示したい場合は

代替CSS
```
span { text-decoration: underline }
```

[非推奨要素]
非推奨属性
<!DOCTYPE>

[http://www.w3.org/TR/html401/ ]
[http://www.w3.org/TR/html401/strict.dtd ]
[http://www.w3.org/TR/html401/loose.dtd ]

word-breakの振る舞い

　範囲を指定したブロック要素※の中で、word-breakを設定した場合、設定や、文字によって区切りの扱いに違いがあります。

[全角と半角での区切り]
[「。」句点などの振る舞い]

※：実例としてp要素の幅をwidth:150px、word-breakの値をnormal、break-all、keep-allについて検証しています。

p.1{width:150px; background-color:#ff9999; word-break: normal;}
p.2{width:150px; background-color:#ff9999; word-break: break-all;}
p.3{width:150px; background-color:#ff9999; word-break: keep-all;}

（実際に検証した際のCSS）

全角と半角での区切り

word-break: normal;の場合和文（※1）としての全角文字「○」の文字列中に現れる「a」については区切りとして認識されていません。欧文（※2）としての「a」の文字列の中に現れる、全角文字「○」は区切りとして、認識されています。しかも、「a」→「○」と「○」→「a」で区切りとして認識されています。
[]
word-break: break-all;の場合 p要素の範囲（width:150px）を優先これに収まるように表示します。
[]
word-break: keep-all;の場合全角、半角を区切りとして認識せず、「文字列の塊の幅（※3）」を優先して表示します。
[]

「。」句点などの振る舞い

　「。」句点など区切り文字の扱いで違いがあります。そこで、和文として全角文字○の中、欧文としてaの文字列の中で、それぞれ、区切り文字として以下の順で検証しました。

1.「、」
2.「。」
3.「，」（全角カンマ）
4.「．」（全角ピリオド）
5.「, 」（半角カンマ＋半角スペース）
6.「. 」（半角ピリオド＋半角スペース）
7.「,」（半角カンマ）
8.「.」（半角ピリオド）
9.「　」（全角スペース）
10.「」（半角スペース）

word-break: normal;の場合和文の中では全ての区切り文字を区切りとして認識せず、 p要素の範囲（width:150px）を優先これに収まるように表示しています。欧文の中では「,」（半角カンマ）「.」（半角ピリオド）を区切りとして認識せず、「文字列の塊の幅」を優先して表示しています。
[]
word-break: break-all;の場合和文、欧文の中で全ての区切り文字を区切りとして認識せず、 p要素の範囲（width:150px）を優先これに収まるように表示しています。
[]
word-break: keep-all;の場合和文の中では「。」「．」（全角ピリオド）を区切りとして認識せず、「文字列の塊の幅」を優先して表示しています。欧文の中では「。」「．」（全角ピリオド）「,」（半角カンマ）「.」（半角ピリオド）を区切りとして認識せず、「文字列の塊の幅」を優先して表示しています。
[]

(※1)和文:ここでは代表として全角文字の「○」で検証しています。
(※2)欧文：ここでは代表として「a」で検証しています。
(※3)文字列の塊の幅：ここでは文字列の集合をあたかもimg要素での幅があるかのような連想で言っています。もちろんブロック要素ではありません。

※：ブロック要素とは？

・(X)HTML

HTML4.01での要素

非推奨の属性

align属性

alink属性

alt属性

bgcolor属性

background属性

border属性

clear属性

code属性

color属性

face属性

height属性

hspace属性

language属性

link属性

noshade属性

nowrap属性

prompt属性

size属性

start属性

text属性

type属性

value属性

version属性

vlink属性

vspace属性

width属性

非推奨要素

applet要素

basefont要素

center要素

dir要素

font要素

isindex要素

menu要素

s要素

strike要素

u要素

word-breakの振る舞い

全角と半角での区切り

「。」句点などの振る舞い

Yahoo!ブログからのお知らせ

過去の記事一覧

最新のコメント

最新のトラックバック

Yahoo!からのお知らせ

よしもとブログランキング