ISO/IEC 15445:2000

• TOP
• 標準htmlのためのタグライブラリ
• 解説ページ
• html4.01 transitional
• HTML 4.01 Strict
• xhtml 1.0 transitional
• xhtml 1.0 strict
• xhtml 1.1
• ISOIEC154452000

このhtmlファイルについて

目的

このファイルは、15445:2000//DTD準拠　WEB標準HTMLのコーディングと、デザインの基本仕様を決めるために使用します。

DTDにより、使用可能なタグは制限されます。このページでは、DTDで許可されているタグを使用し、スタイルとアトリビュートの設定を行うことで、フォームやドキュメントブロックを実際の、HTMLで、効率よくマークアップを実行できるように、基本マークアップとデザインパターンの設定を記述します。

W3Cのバリデーションサービスを通過しています。

Dreamweaverによる、ターゲットブラウザチェック結果

Dreamweaverによるバリデータ

このページの構成

• このHTMLは、実際に作成されるHTMLのレイアウトが適用されます。
• このHTMLは、同一のページレイアウトパターンに適用される。各パーツ　例えば、メールフォームや、お知らせブロック、一覧表などを一括して配置します。
  複数のレイアウトパターンが存在する場合には、複数パターンについて、それぞれページを作成します。
  ブラウザごとによる、表示特性の違いにより、スタイルが複数必要な場合には、一枚のHTMLに複数のスタイルシートが用意されることもあります。
• タグリスト
• フォントリスト

注意 ISO/IEC 15445:2000

見出しタグH1-H6の親要素になることが出来るのは、BODYだけです。
他には、INS　DELが　親要素BODY限定です。
使用される見出しは、厳格にしなければならないようです。

SCRIPT TAG　は使えません。JavaScript等は使えません。

ONCLICK等の、イベントは使えません

HTML4の WIDTH HEIGHT ALIGN 等のアトリビュートは使えません。

STYLE　TAG　は使えません。したがって、外部スタイルシートが、必須です。

INPUTの属性値にIMAGE BUTTONは使えません

TABLEは、TBODYを必要とします。

プリセットクラス　汎用

• topic_path　トピックパス
• name_anchor　名前付ページ内リンク
• emphasis_recommend　おすすめの強調
• emphasis_careful　注意喚起の強調
• emphasis_warning　警告注意の強調
• emphasis_danger　危険注意の強調
• datetime 日付 時刻
• signature 署名
• email 電子メール
• supplement 画像などの等価文書

プリセットクラス　ブロック

• h3 class="channel"　チャンネル　タイトル
• a class="channel" チャンネル　リンク
• img class="channel" チャンネル　イメージ
• ul class="channel" チャンネル　 リスト　
• p class="channel" チャンネル　 段落
• channel .remark p チャンネル　 注釈

h3 title

index.html

HTML4.0、HTML4.01 Transitional、HTML4.01 Frameset、XHTML1.0 または MSIE

imgのマークアップでは、WIDTH="288" HEIGHT="206"は使えません

• index.html#1
• index.html#2
• index.html#3
• index.html#4
• index.html#5

• signature 署名
• email 電子メール
• datetime 日付 時刻

h3 title

index.html

HTML4.0、HTML4.01 Transitional、HTML4.01 Frameset
XHTML1.0 または MSIE

• index.html#1
• index.html#2
• index.html#3
• index.html#4
• index.html#5

• signature 署名
• email 電子メール
• datetime 日付 時刻

ADDRESS

ブロック要素内で使用

BLOCKQUOTE

BLOCKQUOTEあいうえおABC　ＡＢＣ　abc ａｂｃ

DIV

DL　DT DD

DTあいうえおABC　ＡＢＣ　abc ａｂｃ

DD

あいうえお

ABC　

ＡＢＣ　

abc

ａｂｃ

FIELDSET LEGEND

FORM

FRAME

FRAMESET

NOFRAMES

見出し

h1-h6

H1     あいうえおABC　ＡＢＣ　abc ａｂｃ

H2     あいうえおABC　ＡＢＣ　abc ａｂｃ

H3     あいうえおABC　ＡＢＣ　abc ａｂｃ

H4     あいうえおABC　ＡＢＣ　abc ａｂｃ

H5     あいうえおABC　ＡＢＣ　abc ａｂｃ

H6     あいうえおABC　ＡＢＣ　abc ａｂｃ

OBJECT

OBJECT DATA="object.html" TYPE="text/html" あいうえおABC　ＡＢＣ　abc ａｂｃ

WIDTH="288" HEIGHT="206"は使えません

OL

1. OL
2. あいうえお
3. ABC　
4. ＡＢＣ　
5. abc
6. ａｂｃ

P

PあいうえおABC　ＡＢＣ　abc ａｂｃ

UL

• OL
• あいうえお
• ABC　
• ＡＢＣ　
• abc
• ａｂｃ

HR

PRE

 PREあいうえおABC　ＡＢＣ　abc ａｂｃ  

TABLE TR TD

TABLE THEAD TH TBODY TFOOT TR TD

TABLE TR TD COL

これらのタグだけでテーブルを構築できません

tbodyを使います。

TABLE TR TD COLGROUP TBODY

TABLE TR TD CAPTION

FORM INPUT type=text

FORM

FORM INPUT type=radio

FORM

form　type="checkbox"

FORM SELECT NAME="SAMPLE1" SIZE="7" MULTIPLE

form　type="submit" type="reset"

form　type="password" name="pass" size="30" maxlength="30"

form　type="file" name="sample" size="30"

form　textarea wrap="hard"

B

BあいうえおABC　ＡＢＣ　abc ａｂｃ

非推奨　物理的フォントタグ　論理的タグ推奨　代替：STRONG

STRONG

STRONGあいうえおABC　ＡＢＣ　abc ａｂｃ

BLOCKQUOTE

BLOCKQUOTEあいうえおABC　ＡＢＣ　abc ａｂｃ

I

IあいうえおABC　ＡＢＣ　abc ａｂｃ

非推奨　物理的フォントタグ　論理的タグ推奨　代替： EM

CITE

CITEあいうえおABC　ＡＢＣ　abc ａｂｃ

引用語句の意味で使用し、イタリック体

EM

EMあいうえおABC　ＡＢＣ　abc ａｂｃ

強調の意味で使用し、イタリック体

VAR

VARあいうえおABC　ＡＢＣ　abc ａｂｃ

変数の意味で使用し、イタリック体

ADDRESS

PRE

 PREあいうえおABC　ＡＢＣ　abc ａｂｃ  

TT

TTあいうえおABC　ＡＢＣ　abc ａｂｃ

非推奨　物理的フォントタグ　論理的タグ推奨　代替：CODE、SAMP、KBD　

CODE

CODEあいうえおABC　ＡＢＣ　abc ａｂｃ

プログラムコードの意味で使用し、等幅フォント

KBD

KBDあいうえおABC　ＡＢＣ　abc ａｂｃ

ユーザが入力する文字列

SAMP

SAMPあいうえおABC　ＡＢＣ　abc ａｂｃ

サンプル

PRE

 PREあいうえおABC　ＡＢＣ　abc ａｂｃ  

BIG

使用できません

SMALL

使えません

SUB

1 _{SUBあいうえおABC　ＡＢＣ　abc ａｂｃ}

SUP

1 ^{SUPあいうえおABC　ＡＢＣ　abc ａｂｃ}

DEL

INS

ISO/IEC 15445:2000