推奨されないHTMLタグ
略語
イニシャル、
など 同様に、単語の略語を表す abbr タグもあります (inc. など)。構文は次のとおりです:
<acronym>WWW</acronym> <abbr>inc.</abbr>
頭字語の代わりに abbr を使用することをお勧めします (上記の意味の違いを無視します)。 アプレット
Java の小さなアプリケーションで、主に描画機能 (コードを通じてページ上に何かを描画する) を提供します。例:
<applet></applet>
JRE を実行する必要があり、現在主流のブラウザはデフォルトで JRE をインストールしないため、現時点ではほとんど役に立ちません
描画にはキャンバスを使用するか、アプレットの代わりにオブジェクト+埋め込みを使用してフラッシュを埋め込むことをお勧めします
注: object+embed を使用すると、互換性が向上します。シーンが許可する場合は、object
を使用することをお勧めします。 ベースフォント
Basefont タグはベース フォントを定義します。このタグは、ドキュメント内のすべてのテキストのデフォルトのフォントの色、フォント サイズ、フォント ファミリーを定義できます。例:
<basefont>
Basefont タグは [IE9-] でのみサポートされています
body 要素にデフォルトのフォントを直接定義することをお勧めします。すべての子要素はこれらの属性値を継承します
BGM
BGM を追加するために使用されます。例:
<bgsound></bgsound>
代わりに、オーディオまたはオブジェクト + 埋め込みを使用することをお勧めします。例:
<embed></embed>
大きい
フォントを拡大するために使用され、1 つのサイズを拡大します (複数のレイヤーをネストするとさらに拡大できます)。これをサポートしていないブラウザーは太字で表示されます。例:
<big>大1号</big><big><big>大2号</big></big>
「数値」がどのように定義されるかについては、セマンティクスに従って、代わりに em、strong、またはカスタム スタイル クラスを使用することをお勧めします。 まばたき
次のような点滅効果を実現できます:
<blink>Why would somebody use this?</blink>
サポートが非常に貧弱なので、お勧めできません (主要なブラウザは点滅値をサポートしていますが、効果はありません):
<p>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>This is some text!</font>
属性値はbasefontと同じです
使用することは推奨されません。代わりに CSS を使用することをお勧めします
。 フレーム
フレームセット列を使用します。例:
nbsp;html> <frameset> <frame> <frame> <frame> </frameset>
注意: ボディをフレームセットに交換してください
複雑な背景ページでは、フレームセット + フレーム レイアウトを使用します。もちろん、特定のシナリオに応じて、float/flex + Ajax を使用して実装することもできます。 フレームセット
フレームを参照してください
hグループ
一連のタイトルをグループ化します。例:
<hgroup> <h1 id="The-reality-dysfunction">The reality dysfunction</h1> <h2 id="Space-is-not-the-only-void">Space is not the only void</h2> </hgroup>
少しセマンティクスを提供しますが、古いためお勧めできません
代わりにヘッダーを使用することをお勧めします。例:
<header> <h1 id="The-reality-dysfunction">The reality dysfunction</h1> <p>Space is not the only void</p> </header>
インデックス
単一行のテキスト コントロール、初期表示プロンプト値、例:
<isindex>
現在のサポートは非常に貧弱なので、代わりに input 要素を使用することをお勧めします。 W3C は決して使用しないことを推奨しています:
いいえ、実際には使用しないでください。この要素はもう実装されていません。 W3C wikiより引用 具体的な使用方法については、http://reference.sitepoint.com/html/isindex を参照してください (見つけにくいのでここに置きます) リスト それが何であれ、Microsoft はその使用を推奨しません:
MSDN リスト要素から引用 マーキー ローリング字幕の効果は非常に強力です。例:この要素は廃止されたため、代わりに HTMLPreElement、コード、または CSS を使用してください。
<marquee> <p><font>此处输入滚动内容</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="/static/imghwm/default1.png" data-src="/images/inflate.jpg" class="lazy" pump alt="HTMLの非推奨のタグ" > <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 と同様にコンテンツが表示されます。例:
<frameset> <frame> <frame> <frame> <noframes>Sorry, your browser does not handle frames!</noframes> </frameset>noframe タグには、本文に表示できる任意のタグを含めることができます 互換性を考慮する必要がある場合は、フレームのフォールバックとして使用できます。特定のシナリオに応じて、float/flex+Ajax を使用して実装することをお勧めします。
plaintext
忽略内容中的html标签,作用类似于pre,例如:
<p>The markup for this is:</p> <plaintext> <h1 id="Main-heading-goes-here">Main heading goes here</h1> <p>First paragraph goes here</p> <h2 id="Sub-heading-goes-here">Sub-heading goes here</h2> </plaintext>.
以上がHTMLの非推奨のタグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ブール属性は、値なしでアクティブ化されるHTMLの特別な属性です。 1.ブール属性は、無効化された入力ボックスを無効にするなど、存在するかどうかによって、要素の動作を制御します。 2.彼らの実用的な原則は、ブラウザが異なっているときに属性の存在に応じて要素の動作を変更することです。 3.基本的な使用法は、属性を直接追加することであり、高度な使用法はJavaScriptを介して動的に制御できます。 4.一般的な間違いは、値を設定する必要があると誤って考えており、正しい執筆方法は簡潔にする必要があります。 5.ベストプラクティスは、コードを簡潔に保ち、ブールのプロパティを合理的に使用して、Webページのパフォーマンスとユーザーエクスペリエンスを最適化することです。

HTMLコードは、オンラインバリデーター、統合ツール、自動化されたプロセスを使用するとクリーンになります。 1)w3cmarkupvalidationserviceを使用して、HTMLコードをオンラインで確認します。 2)リアルタイム検証のためにVisualStudiocodeにhtmlhint拡張機能をインストールして構成します。 3)HTMLTIDYを使用して、建設プロセスでHTMLファイルを自動的に検証およびクリーニングします。

HTML、CSS、およびJavaScriptは、最新のWebページを構築するためのコアテクノロジーです。1。HTMLはWebページ構造を定義します。2。CSSはWebページの外観に責任があります。

HTMLの機能は、Webページの構造とコンテンツを定義することであり、その目的は、情報を表示するための標準化された方法を提供することです。 1)HTMLは、タイトルやパラグラフなどのタグや属性を使用して、Webページのさまざまな部分を整理しています。 2)コンテンツとパフォーマンスの分離をサポートし、メンテナンス効率を向上させます。 3)HTMLは拡張可能であり、カスタムタグがSEOを強化できるようにします。

HTMLの将来の傾向はセマンティクスとWebコンポーネントであり、CSSの将来の傾向はCSS-in-JSとCSShoudiniであり、JavaScriptの将来の傾向はWebAssemblyとServerLessです。 1。HTMLセマンティクスはアクセシビリティとSEO効果を改善し、Webコンポーネントは開発効率を向上させますが、ブラウザの互換性に注意を払う必要があります。 2。CSS-in-JSは、スタイル管理の柔軟性を高めますが、ファイルサイズを増やす可能性があります。 CSShoudiniは、CSSレンダリングの直接操作を可能にします。 3. Webassemblyブラウザーアプリケーションのパフォーマンスを最適化しますが、急な学習曲線があり、サーバーレスは開発を簡素化しますが、コールドスタートの問題の最適化が必要です。

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

メモ帳++7.3.1
使いやすく無料のコードエディター

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

ホットトピック









