ホームページ >ウェブフロントエンド >htmlチュートリアル >非推奨の HTML タグの概要
推奨されないHTMLタグ
イニシャル、
など 同様に、単語の略語を表す abbr タグもあります (inc. など)。構文は次のとおりです:
<acronym title="World Wide Web">WWW</acronym> <abbr title="incorporated">inc.</abbr>
頭字語の代わりに abbr を使用することをお勧めします (上記の意味の違いを無視します)。 アプレット
<applet code="ShowImage.class" width=600 height=400 archive="Imagetest.jar"></applet>
JRE を実行する必要があり、現在主流のブラウザはデフォルトで JRE をインストールしないため、現時点ではほとんど役に立ちません
描画にはキャンバスを使用するか、アプレットの代わりにオブジェクト+埋め込みを使用してフラッシュを埋め込むことをお勧めします
注: object+embed を使用すると、互換性が向上します。シーンが許可する場合は、object
を使用することをお勧めします。 ベースフォント
<basefont color="red" size="5" face="Arial" />
Basefont タグは [IE9-] でのみサポートされています
body 要素にデフォルトのフォントを直接定義することをお勧めします。すべての子要素はこれらの属性値を継承します
BGM
<bgsound src="your.mid" autostart="true" loop="infinite">
代わりに、オーディオまたはオブジェクト + 埋め込みを使用することをお勧めします。例:
<embed src="your.mid" autostart="true" loop="true" hidden="true">
大きい
<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>
text-align: center;
推奨されません。実際に使用する理由はありません
監督
ディレクトリリスト、例:
<dir> <li>html</li> <li>xhtml</li> <li>css</li> </dir>
ブラウザのデフォルト スタイルでは、リスト項目の左マージンが若干異なります。 推奨されません。セマンティクスに従って、ul、ol、または dl を使用することをお勧めします
フォント
フォント、フォント サイズ、色を定義するために使用されます。例:
<font face="verdana" color="green" size="3">This is some text!</font>
使用することは推奨されません。代わりに 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 は決して使用しないことを推奨しています:
MSDN リスト要素から引用 マーキー ローリング字幕の効果は非常に強力です。例:この要素は廃止されたため、代わりに HTMLPreElement、コード、または CSS を使用してください。
<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 効果は不明、サポート性も不明、使用は推奨されません のぶ推奨されません。代わりに CSS を使用することをお勧めします:改行は禁止されています。例:
<p>Our telephone number is <nobr>0800 123 123 123</nobr>.</p>
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 を使用して実装することをお勧めします。
忽略内容中的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代替
插入空白(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>
主流浏览器都不支持,不推荐使用
删除线,效果类似于del和s,例如:
<p>Version 2.0 is <strike>not yet available!</strike> now available!</p>
不推荐使用,建议用del代替
键盘输入(teletype),例如:
<p><tt>Teletype text</tt></p>
不推荐使用,建议根据语义用kbd(键盘按键)、var(变量)、code(代码)、samp(样例输出)或者CSS代替
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 サイトの他の関連記事を参照してください。