メインコンテンツへ移動

非推奨の HTML タグ

無料2015-10-07#HTML#弃用的html标签

非推奨だからといって知る必要がないわけではなく、marquee や frame のように非推奨タグでも機能が強力なものがあります

##acronym

頭字語の略語。例:WWW

同様に abbr タグがあり、単語の略語を表します。例:inc.。構文は以下の通り:

<acronym title="World Wide Web">WWW</acronym>
<abbr title="incorporated">inc.</abbr>

acronym よりも abbr を使用することを推奨します(上記の意味論的な違いは無視してください)

##applet

Java アプレット。主に描画機能を提供します(ページ上でコードによって何かを描画する)。例:

<applet code="ShowImage.class" width=600 height=400 archive="Imagetest.jar"></applet>

現在ではほとんど使用されていません。実行に JRE が必要ですが、主要なブラウザは JRE をデフォルトでインストールしていないためです

applet の代わりに canvas で描画するか、object+embed で Flash を埋め込むことを推奨します

注意object+embed を使用するのは、より良い互換性のためです。状況が許す場合は、object の使用を推奨します

##basefont

basefont タグは基準フォントを定義します。ドキュメント内のすべてのテキストに対して、デフォルトのフォント色、フォントサイズ、フォントファミリーを定義できます。例:

<basefont color="red" size="5" face="Arial" />

basefont タグは*[IE9-] のみサポート*しています

body 要素にデフォルトフォントを直接定義することを推奨します。すべての子要素はこれらのプロパティ値を継承します

##bgsound

バックグラウンドミュージックを追加するために使用されます。例:

<bgsound src="your.mid" autostart="true" loop="infinite">

audio または object+embed を使用することを推奨します。例:

<embed src="your.mid" autostart="true" loop="true" hidden="true">

##big

フォントを 1 サイズ拡大します(ネストを多层にすることでさらに拡大可能)。サポートしていないブラウザでは太字で表示されます。例:

<big>1 サイズ大</big><big><big>2 サイズ大</big></big>

「サイズ」がどのように定義されているかは気にしないでください。非推奨です。emstrong またはカスタムスタイルクラスを意味に応じて使用することを推奨します

##blink

点滅効果を実現します。例:

<blink>Why would somebody use this?</blink>

サポートが非常に悪いため、非推奨です。同様に非推奨です(主要ブラウザは blink 値をサポートしていますが、効果はありません):

<p style="text-decoration: blink">This should be avoided as well.</p>

代わりに animation を使用することを推奨します

##center

コンテンツを中央揃えにします。例:

<center>テキストおよび子要素は中央揃えになります</center>

CSS とほぼ同じ効果:

text-align: center;

使用非推奨。使用する理由はありません

##dir

ディレクトリリスト。例:

<dir>
    <li>html</li>
    <li>xhtml</li>
    <li>css</li>
</dir>

ul とほぼ同じ効果。ブラウザのデフォルトスタイルでは、リスト項目の左マージンに微妙な違いがあります

非推奨。意味に応じて ulol または dl を使用することを推奨します

##font

フォント、フォントサイズ、色を定義します。例:

<font face="verdana" color="green" size="3">This is some text!</font>

プロパティ値は basefont と同じ

非推奨。CSS で代用可能。使用する理由はありません

##frame

frameset と組み合わせてカラム分割。例:

<!DOCTYPE html>
<html>

<frameset cols="25%,*,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

</html>

注意bodyframeset に置き換えます

複雑なバックエンドページでは frameset+frame レイアウトが使用されます。もちろん float/flex+Ajax で実装することも可能です。具体的なシーンに応じて判断します

##frameset

frame を参照

##hgroup

一連の見出しをグループ化。例:

<hgroup>
   <h1>The reality dysfunction</h1>
   <h2>Space is not the only void</h2>
</hgroup>

少し意味論を提供していますが、廃止されているため非推奨です

header で代用することを推奨します。例:

<header>
   <h1>The reality dysfunction</h1>
   <p class="subheading">Space is not the only void</p>
</header>

##isindex

単一行テキストコントロール。初期表示は prompt 値。例:

<isindex prompt="string" />

現在サポートが非常に悪く、非推奨。input 要素で代用することを推奨します

W3C は使用しないことを強く推奨:

No, really, don't use it. This element is deprecated. It is not implemented anymore.

W3C wiki より引用

具体的な使用方法は http://reference.sitepoint.com/html/isindex を参照(見つかりにくいため、ここに記載)

##listing

何であるかは気にしないでください。Microsoft も非推奨を推奨:

This element is obsolete and should no longer be used. Use HTMLPreElement, code or CSS instead. Renders text in a fixed-width font.

MSDN listing element | listing object より引用

##marquee

スクロール字幕。効果は非常に強力。例:

<marquee style="height: 104px; width: 22.35%; margin: 10px 20px; background-color: rgb(204, 255, 255);" bgcolor="#ccffff" vspace="10" direction="up" height="104" width="22.35%" loop="3" scrollamount="1" scrolldelay="10" hspace="20">
<p align="center"><font color="#000000">ここにスクロール内容を入力</font></p></marquee>

<marquee>ここにテキストを入力できます。画像コード、Flash アニメーションコード、gif 動的画像コードも配置できます。</marquee>

さらに効果は 移動タグ(marquee)属性详解 を参照

アナウンスの実装によく使用されます。廃止されていますが、効果は非常に強力で、サポートも良好です

##multicol

マルチカラムレイアウトの実装に使用されます。非推奨。どの主要ブラウザもサポートしていません

The HTML element was an experimental element designed to allow multi-column layouts. It never got any significant traction and is not implemented in any major browsers.

MDN multicol より引用

##nextid

機能不明。サポート状況不明。非推奨

##nobr

改行を禁止。例:

<p>電話番号は <nobr>0800 123 123 123</nobr> です。</p>

非推奨。CSS で代用:

white-space: nowrap;

##noembed

ブラウザが embed をサポートしていない場合にコンテンツを表示。noscript に類似。例:

<noembed>
<img src="/images/inflate.jpg" alt="インフレータをバルブに対して 90 度の角度で保持する">
<p>インフレータをバルブに対して 90 度の角度で保持することでタイヤを膨らませることができます(上記画像参照)。</p>
</noembed>

非推奨。互換性を考慮する必要がある場合は、object+embed+noembed(embed/noembed を object のフォールバックとして)を推奨します

##noframes

ブラウザが frameset+frame をサポートしていない場合にコンテンツを表示。noscript に類似。例:

<html>

<frameset cols="25%,50%,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
  <noframes>申し訳ありません。お使いのブラウザはフレームをサポートしていません!</noframes>
</frameset>

</html>

noframe タグ内には body に表示できる任意のタグを含めることができます

互換性を考慮する必要がある場合は、frame のフォールバックとして使用できます。float/flex+Ajax で実装することを推奨。具体的なシーンに応じて判断します

##plaintext

コンテンツ内の HTML タグを無視。pre に類似。例:

<p>マークアップは以下の通り:</p>
<plaintext>
    <h1>メイン見出し</h1>
    <p>最初の段落</p>
    <h2>サブ見出し</h2>
</plaintext>.

</body>
</html>

非推奨。意味に応じて pre または code で代用

##spacer

空白を挿入。例:

<span>テキストノード</span>
<spacer type="horizontal" size="10"></spacer>
<span>別のテキストノード</span>
<spacer type="block" width="10" height="10"></spacer>

主要ブラウザはサポートしていません。非推奨

##strike

取り消し線。dels に類似。例:

<p>バージョン 2.0 は <strike>まだ利用できません!</strike> 利用可能です!</p>

非推奨。del で代用

##tt

キーボード入力(teletype)。例:

<p><tt>Teletype text</tt></p>

非推奨。意味に応じて kbd(キーボードキー)、var(変数)、code(コード)、samp(サンプル出力)または CSS で代用

##xmp

80 列のサンプル出力。スタイル効果は pre に類似。意味論的には samp に類似。例:

<xmp>
在庫 ID    説明                価格         在庫数
--------    -----------         -----         -----------------
116         膨張式椅子         21.50                13
119         無線機             40.20                44
</xmp>

現在ブラウザはこのタグをサポートしていますが、80 列に制限されません

非推奨。samp で代用

コメント

コメントはまだありません

コメントを書く