deprecated: alignment　廃語

検証でのコメントの意味

　BODY属性廃語へ。
　HTML 4.0と三種のDTDへ。

　HTML 4.0の15章は、「配置・フォント・スタイル・横罫線」となっています。配置の部分から、HTML 3.2書式文書をHTML 4.0で検証した場合のコメントの意味が分かる手助けになると思います。CSSへの移行過程でのDeprecated（いずれ使用されなくなる）ですという意味です。

15.1.2配置

　ブロック要素をalign属性でキャンバス上で配置することができます。この属性は多くのHTML要素に備わっていますが、取りえるレインジ（値）が要素毎に多少ことなっています。ここでは、テキストでの配置上でのalign属性の意味について述べます。

属性の定義

align =left|center|right|justify [CI]
Deprecated. この属性は、要素の水平方向の配置を設定します。 取り得る値：

　初期値は、テキスト方向がどのように設定されているかに依存します。ベースが左右方向なら初期値はalign=leftで、右左方向ならalign=right

不適切な例：
この例は、キャンバス上での見出しのセンタリングです。 

<H1 align="center"> How to Carve Wood </H1>

　CSSを使うと、同じことを次の様にします： 

<HEAD>
 <TITLE>How to Carve Wood</TITLE>
 <STYLE type="text/css">
  H1 { text-align: center}
 </STYLE>
<BODY>
 <H1> How to Carve Wood </H1>

　これはすべてのH1宣言をセンタリングすることに注意して下さい。要素のclass属性を設定することでスタイルの及ぶ範囲を減らすことができます： 

<HEAD>
 <TITLE>How to Carve Wood</TITLE>
 <STYLE type="text/css">
  H1.wood {text-align: center}
 </STYLE>
<BODY>
 <H1 class="wood"> How to Carve Wood </H1>

不適切な例（DEPRECATED EXAMPLE）：
同様に、HTMLのalign属性でキャンバス（画面）上でパラグラフを右寄りにできます： 

<P align="right">...Lots of paragraph text...

CSSで書くと：

<HEAD>
 <TITLE>How to Carve Wood</TITLE>
 <STYLE type="text/css">
  P.mypar {text-align: right}
 </STYLE>
<BODY>
 <P class="mypar">...Lots of paragraph text...

不適切な例（DEPRECATED EXAMPLE）：
DIV>要素で、一連のパラグラフをグループとして一括して右寄せします： 

<DIV align="right">
 <P>...text in first paragraph...
 <P>...text in second paragraph...
 <P>...text in third paragraph...
</DIV>

CSSで書くと、テキスト-配置プロパティ（特有値）を使います： 

<HEAD>
 <TITLE>How to Carve Wood</TITLE>
 <STYLE type="text/css">
  DIV.mypars {text-align: right}
 </STYLE>
<BODY>
 <DIV class="mypars">
  <P>...text in first paragraph...
  <P>...text in second paragraph...
  <P>...text in third paragraph...
 </DIV>

CSSによる文書全体のセンタリング：

<HEAD>
 <TITLE>How to Carve Wood</TITLE>
 <STYLE type="text/css">
  BODY {text-align: center}
 </STYLE>
<BODY>
 ...the body is centered...
</BODY>

　CENTER要素は、align属性で"center"と設定したDIV要素とまったく同じものです。

［BODY属性廃語へ］ | ［三種のDTDへ］
［ホーム］