HTML4の場合 Elements には合計 91 個のタグがありますが、これらの一般的に使用されるタグのうち、最も一般的なのは 2 つのタグです。これら 2 つの構造タグは Web で広く使用されています。さらに、多くの人が WEB 標準を div+CSS と直接誤解しているため、ページには特別なタグがたくさんありますが、これらの場所にはより多くのセマンティック タグがあります。それらを実装するために。
テーブルスタイルのページレイアウトは、そのシンプルさと、Dreamweaverなどの視覚的な操作を備えたWeb制作ソフトウェアの存在により、Web制作の時代を迎えました。これまであまりにも多くのWebデザイナーが注目していませんでした。 HTML タグの実際のセマンティクスは、Web 標準が台頭し始めたとき、div+css のレイアウトとして直接理解されました。
つまり、Web 標準の構造タグは、ほとんど div ショールームになっています。
div タグの乱用により、多くの人々が Web 標準について誤解するようになりました。最も明白な点は、Web ページが div タグ レイアウトの使用に切り替わると、あたかも Web 標準が理解されたかのように、テーブル タグが無慈悲に放棄されることです。実績はdiv+cssです。実際、データ コンテンツを表示する必要がある場合、table タグによって構築された HTML 構造の利点は、div タグによって構築されたレイアウトよりも強力です。データを表示するときに HTML セマンティクスに準拠します。
テーブル ページ レイアウトによって生成された過剰な冗長コードと、その中に混在する HTML スタイル属性は、特にアクセス数の多い Web サイトのページのパフォーマンスに深刻な影響を及ぼしています。解決策はページを変更することです。 Web の再構築標準に基づいています。しかし、Web 標準の誤解により、ページ全体の構造で div が過度に使用され、テーブル レイアウトから残されたアイデアにより、ページ上の構造が過度にネストされています。これらは依然としてページの全体的なパフォーマンスに影響します。
つまり、よりセマンティックなタグを使用してページを構築することは、Web 標準によって提唱されている概念です。この概念に基づいて構築されたページは、ページ コードを可能な限り軽量に保つためにコードを可能な限り合理化し、ブラウザーのレンダリングを高速化できると同時に、将来のコードのメンテナンスも容易にする必要があります。
Web 標準は単一の標準ではなく、構造、パフォーマンス、動作を含む標準の集合です。ここでの構造は div ではなく、標準化言語である XHTML、xml を参照しています。
明らかにタグで太字スタイルを実現できますが、それを実現するためになぜタグを使用し、太字スタイルに一致させる必要があるのでしょうか?
上記は HTML の解釈: WEB 標準の誤解です。その他の関連記事については、PHP 中国語 Web サイト (www.php.cn) に注目してください。

htmltagsareSterenceforwebdevelovementasyStheStructureanhandhancewebpages.1)theydefineLayout、semantics、and-interactivity.2)semanticagsimprovecessibility.3)opeusofusofagscanoptimizeperformanceandensurecross-brows-compativeation。

コードの読みやすさ、保守性、効率を向上させるため、一貫したHTMLエンコーディングスタイルは重要です。 1)低ケースタグと属性を使用します。2)一貫したインデントを保持し、3)シングルまたはダブルの引用符を選択して固執する、4)プロジェクトのさまざまなスタイルの混合を避け、5)きれいなスタイルやEslintなどの自動化ツールを使用して、スタイルの一貫性を確保します。

Bootstrap4にマルチプロジェクトカルーセルを実装するソリューションBootstrap4にマルチプロジェクトカルーセルを実装するのは簡単な作業ではありません。ブートストラップですが...

マウススクロールイベントの浸透の効果を実現する方法は? Webを閲覧すると、いくつかの特別なインタラクションデザインに遭遇することがよくあります。たとえば、DeepSeekの公式ウェブサイトでは、...

HTMLビデオのデフォルトの再生コントロールスタイルは、CSSを介して直接変更することはできません。 1. JavaScriptを使用してカスタムコントロールを作成します。 2。CSSを介してこれらのコントロールを美化します。 3. video.jsやPLYRなどのライブラリを使用すると、互換性、ユーザーエクスペリエンス、パフォーマンスを検討してください。プロセスを簡素化できます。

携帯電話でネイティブセレクトを使用する際の潜在的な問題は、モバイルアプリケーションを開発するときに、ボックスを選択する必要があることがよくあります。通常、開発者...

お使いの携帯電話でネイティブ選択を使用することの欠点は何ですか?モバイルデバイスでアプリケーションを開発する場合、適切なUIコンポーネントを選択することが非常に重要です。多くの開発者...

Three.JSとOctreeを使用して、部屋でのサードパーソンローミングの衝突処理を最適化します。 3つのjsでoctreeを使用して、部屋でサードパーソンローミングを実装し、衝突を追加してください...


ホットAIツール

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

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

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

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

人気の記事

ホットツール

WebStorm Mac版
便利なJavaScript開発ツール

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

ホットトピック









