ホームページ  >  記事  >  ウェブフロントエンド  >  非推奨の HTML タグの概要

非推奨の HTML タグの概要

巴扎黑
巴扎黑オリジナル
2017-03-18 15:12:461151ブラウズ

推奨されないHTMLタグ

略語

イニシャル、

など 同様に、単語の略語を表す abbr タグもあります (inc. など)。構文は次のとおりです:

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

頭字語の代わりに abbr を使用することをお勧めします (上記の意味の違いを無視します)。 アプレット

Java の小さなアプリケーションで、主に描画機能 (コードを通じてページ上に何かを描画する) を提供します。例:

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

JRE を実行する必要があり、現在主流のブラウザはデフォルトで JRE をインストールしないため、現時点ではほとんど役に立ちません

描画にはキャンバスを使用するか、アプレットの代わりにオブジェクト+埋め込みを使用してフラッシュを埋め込むことをお勧めします

注: object+embed を使用すると、互換性が向上します。シーンが許可する場合は、object

を使用することをお勧めします。 ベースフォント

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

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

Basefont タグは [IE9-] でのみサポートされています

body 要素にデフォルトのフォントを直接定義することをお勧めします。すべての子要素はこれらの属性値を継承します

BGM

BGM を追加するために使用されます。例:

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

代わりに、オーディオまたはオブジェクト + 埋め込みを使用することをお勧めします。例:

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

大きい

フォントを拡大するために使用され、1 つのサイズを拡大します (複数のレイヤーをネストするとさらに拡大できます)。これをサポートしていないブラウザーは太字で表示されます。例:

<big>大1号</big><big><big>大2号</big></big>

「数値」がどのように定義されるかについては、セマンティクスに従って、代わりに em、strong、またはカスタム スタイル クラスを使用することをお勧めします。 まばたき

次のような点滅効果を実現できます:

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

サポートが非常に貧弱なので、お勧めできません (主要なブラウザは点滅値をサポートしていますが、効果はありません):

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

代わりにアニメーションを使用することをお勧めします

センター

コンテンツを中央に配置します。例:

<center>文本及子元素会居中</center>

効果は CSS に似ています:

text-align: center;

推奨されません。実際に使用する理由はありません

監督

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

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

効果は基本的に ul と同じです

ブラウザのデフォルト スタイルでは、リスト項目の左マージンが若干異なります。 推奨されません。セマンティクスに従って、ul、ol、または dl を使用することをお勧めします

フォント

フォント、フォント サイズ、色を定義するために使用されます。例:

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

属性値はbasefontと同じです

使用することは推奨されません。代わりに CSS を使用することをお勧めします

。 フレーム

フレームセット列を使用します。例:

<!DOCTYPE html>
<html>

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

</html>

注意: ボディをフレームセットに交換してください

複雑な背景ページでは、フレームセット + フレーム レイアウトを使用します。もちろん、特定のシナリオに応じて、float/flex + Ajax を使用して実装することもできます。 フレームセット

フレームを参照してください

hグループ

一連のタイトルをグループ化します。例:

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

少しセマンティクスを提供しますが、古いためお勧めできません

代わりにヘッダーを使用することをお勧めします。例:

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

インデックス

単一行のテキスト コントロール、初期表示プロンプト値、例:

<isindex prompt="string" />

現在のサポートは非​​常に貧弱なので、代わりに input 要素を使用することをお勧めします。 W3C は決して使用しないことを推奨しています:

いいえ、実際には使用しないでください。この要素はもう実装されていません。 W3C wikiより引用

具体的な使用方法については、http://reference.sitepoint.com/html/isindex を参照してください (見つけにくいのでここに置きます)

リスト

それが何であれ、Microsoft はその使用を推奨しません:

この要素は廃止されたため、代わりに HTMLPreElement、コード、または CSS を使用してください。

MSDN リスト要素から引用

マーキー

ローリング字幕の効果は非常に強力です。例:

<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>
詳しい効果については、モバイルラベル(マーキー)属性の詳しい説明をご覧ください

主にアナウンスの実装に使用されますが、効果は確かに強力で、サポートも良好です。さらにエキサイティングなコンテンツについては、WeChat 公式アカウントをフォローしてください: フルスタック開発者センター (admin10000_com)

マルチコル

複数列レイアウトを実装するために使用されますが、主流のブラウザーではサポートされていません

HTML

MDNマルチコルより引用

次のID

効果は不明、サポート性も不明、使用は推奨されません

のぶ

改行は禁止されています。例:

<p>Our telephone number is <nobr>0800 123 123 123</nobr>.</p>
推奨されません。代わりに CSS を使用することをお勧めします:

white-space: nowrap;
埋め込みません

ブラウザーが埋め込みをサポートしていない場合、noscript に似たコンテンツを表示します。例:

<noembed>
<img src="/images/inflate.jpg" alt="Inflate the tyre by holding the
pump at 90 degree angle to the valve">
<p>You can inflate the tyre by holding the pump at 90 degree angle
to the valve, as shown in the image above.</p>
</noembed>
互換性を考慮する必要がある場合は、object+embed+noembed (object のフォールバックとして embed/noembed) を使用することをお勧めします

フレームなし

ブラウザがフレームセット + フレームをサポートしていない場合は、noscript と同様にコンテンツが表示されます。例:

<html>

<frameset cols="25%,50%,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
  <noframes>Sorry, your browser does not handle frames!</noframes>
</frameset>

</html>
noframe タグには、本文に表示できる任意のタグを含めることができます

互換性を考慮する必要がある場合は、フレームのフォールバックとして使用できます。特定のシナリオに応じて、float/flex+Ajax を使用して実装することをお勧めします。

plaintext

忽略内容中的html标签,作用类似于pre,例如:

<p>The markup for this is:</p>
<plaintext>
    <h1>Main heading goes here</h1>
    <p>First paragraph goes here</p>
    <h2>Sub-heading goes here</h2>
</plaintext>.

</body>
</html>

不推荐使用,建议根据语义用pre或者code代替

spacer

插入空白(white spaces),例如:

<span>Just a text node</span>
<spacer type="horizontal" size="10"></spacer>
<span>Just another text node</span>
<spacer type="block" width="10" height="10"></spacer>

主流浏览器都不支持,不推荐使用

strike

删除线,效果类似于del和s,例如:

<p>Version 2.0 is <strike>not yet available!</strike> now available!</p>

不推荐使用,建议用del代替

tt

键盘输入(teletype),例如:

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

不推荐使用,建议根据语义用kbd(键盘按键)、var(变量)、code(代码)、samp(样例输出)或者CSS代替

xmp

80列的样例输出,样式效果类似于pre,语义类似于samp,例如:

<xmp>
Stock ID    Description             Price         Quantity in Stock
--------    -----------             -----         -----------------
116         Inflatable Armchair     21.50                13
119         Walkie Talkie           40.20                44
</xmp>

目前浏览器支持该标签,但不限制80列

不推荐使用,建议采用samp代替

以上が非推奨の HTML タグの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。