検索

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) に注目してください。


声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
Web開発にとってHTMLタグが重要なのはなぜですか?Web開発にとってHTMLタグが重要なのはなぜですか?May 02, 2025 am 12:03 AM

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

HTMLタグと属性に一貫したコーディングスタイルを使用することの重要性を説明します。HTMLタグと属性に一貫したコーディングスタイルを使用することの重要性を説明します。May 01, 2025 am 12:01 AM

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

ブートストラップ4にマルチプロジェクトカルーセルを実装する方法は?ブートストラップ4にマルチプロジェクトカルーセルを実装する方法は?Apr 30, 2025 pm 03:24 PM

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

DeepSeekの公式Webサイトは、マウススクロールイベントの浸透の影響をどのように達成していますか?DeepSeekの公式Webサイトは、マウススクロールイベントの浸透の影響をどのように達成していますか?Apr 30, 2025 pm 03:21 PM

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

HTMLビデオの再生コントロールスタイルを変更する方法HTMLビデオの再生コントロールスタイルを変更する方法Apr 30, 2025 pm 03:18 PM

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

お使いの携帯電話でネイティブセレクトを使用することにより、どのような問題が発生しますか?お使いの携帯電話でネイティブセレクトを使用することにより、どのような問題が発生しますか?Apr 30, 2025 pm 03:15 PM

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

お使いの携帯電話でネイティブ選択を使用することの欠点は何ですか?お使いの携帯電話でネイティブ選択を使用することの欠点は何ですか?Apr 30, 2025 pm 03:12 PM

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

Three.jsとOctreeを使用して部屋で3人のローミングの衝突処理を最適化する方法は?Three.jsとOctreeを使用して部屋で3人のローミングの衝突処理を最適化する方法は?Apr 30, 2025 pm 03:09 PM

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

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

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

ホットツール

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

SublimeText3 英語版

SublimeText3 英語版

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

EditPlus 中国語クラック版

EditPlus 中国語クラック版

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

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター