推奨されない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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
