検索
ホームページウェブフロントエンドhtmlチュートリアルHTML+CSS の概要/Web 標準に関する概要_html/css_WEB-ITnose

このトピックに関して、私たちが解決する必要がある疑問は次のとおりだと思います: Web 標準とは何ですか? Web標準を定義する目的は何ですか? Web 標準に従うことの利点は何ですか?

1. Baidu Encyclopedia による Web 標準の説明:

WEB 標準は単一の標準ではなく、一連の標準の集合です。组主要の主要コンポーネント



構造 XHTML と XML


の使用Web の 3 つの主要な要素は、正しい文法と合理的な使用です。

Web サイトが Web 標準に準拠しているかどうかを確認するために使用されます: w3c 標準検査。

w w 2、Web 標準リスト:


?? 「Web 標準デザイン」より







Web ページの表示の読み込みを高速化するには、検索を検索します。エンジンはより使いやすくなり、開発者は開発効率を向上させ、開発コストを削減できます。

IV. Web 標準に関するインタビューの質問:

インタビューの質問 1: http://jiataodong.blog.163.com/blog/static/349054922013827104413829/

からの抜粋

Q: あなたの理解について教えてください。 Web の標準と W3C 組織の知識について理解していますか?

答え:

(1) Web 標準では、書かれたタグは閉じていて、小文字で、ランダムにネストされていない必要があります。これにより、検索ロボットが Web コンテンツを検索する可能性が高まります。 --- SEO🎜 (2) 構造と動作、構造とパフォーマンスの分離を実現し、ページのレンダリング速度を向上させ、ページのコンテンツをより速く表示するために、外部リンク CSS および JS スクリプトを使用することをお勧めします。 🎜(3) スタイルとタグの分離、より合理的なセマンティック タグにより、より多くのユーザーがコンテンツにアクセスできるようになり、より広範囲のデバイスがコンテンツにアクセスできるようになり、必要なコードとコンポーネントが減り、それによってメンテナンス コストが削減されます。のほうが便利です🎜 (4) ページ内容を変更する必要がなく、内容をコピーすることなく印刷版を提供できるため、Webサイトの使いやすさが向上します🎜🎜 w3cが定めたWeb標準に準拠することで、より使いやすくなりますユーザーが Web ページを読みやすくし、開発者間のコミュニケーションをより便利にします。 🎜 🎜 🎜 🎜インタビューの質問 2: ??http://www.2cto.com/kf/201403/284171.html から抜粋🎜🎜 🎜そのような HTML コードがあります。コード内の欠陥を指摘してください。 🎜 🎜 🎜 🎜

  私が書いているのは HTML コードではなく、孤独です。
はい、これは html 4.01 strict では完全に正しいですが、Web 標準では xhtml 1.0 strict では誤りであり、仕様に準拠していません。 xhtml は厳密な構造を持っており、すべてのタグを閉じる必要があります。ペアになっていない別のタグの場合は、タグの最後に「/」を追加してタグを閉じます。したがって、コード内の

に一致する必要があり、

に変更する必要があります。そのため、

も誤りです。

;最後に スペース文字をコンテナに含める必要がありますが、これも間違っています。 🎜 🎜 🎜 🎜 ポイント 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 Web標準XHTML 1.0との違い) 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 🎜 上記のエラーに答えられれば合格と考えました。 Web 標準では構造とプレゼンテーションを分離する必要があり、テスト問題のインデントを制御するために   を使用するのは間違っているため、  を削除する必要があります。 🎜 🎜 🎜 🎜 点 (テスト ポイント 2. 構造とパフォーマンスの分離) 🎜 🎜 🎜 🎜 🎜 最後に、2 つの段落を作成するための別のエラーがあります。 、これにより 2 つの段落の効果が得られますが、段落間の間隔を後で制御するのは簡単ではないため、タグを合理的に使用する必要があります。したがって、正しいアプローチは、2 つの段落を表すために 2 つの

タグを適用することです。 🎜 🎜 🎜 🎜 (テストポイント3.タグの合理的な使用) 🎜 🎜 🎜

したがって、xhtml 標準では、正しい変更は次のようになります:

私が書いているのは HTML コードではなく、孤独です。

私は言いました:
私に執着しないでください、彼はただの伝説です

これで完璧ですか?いいえ、Web 標準に準拠するために、タグ セマンティクスを適切に使用する必要があります (タグ セマンティクスについては、http://www.cnblogs.com/coco1s/p/ を参照してください)。私の最後のブログ投稿である 3583082 .html も Web 標準の一部です)。つまり、「I」が言ったことを タグでマークできます。

私が書いているのは HTML コードではなく、孤独です。

私は言いました:
私に夢中にならないでください、彼はただの伝説です

これで十分です、ラベルは意味的なものであり、過度に使用すると不必要に見えるため、合理的に使用する必要があります。もちろん、さらに追加したい場合は、単語「I」を でマークし、「HTML」を でマークできます:

I それは HTML コードではなく、孤独です。


私に執着しないでください、彼はただの伝説です p>

(追加ポイント: タグのセマンティクス)

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
HTMLのブール属性とは何ですか?いくつかの例を挙げてください。HTMLのブール属性とは何ですか?いくつかの例を挙げてください。Apr 25, 2025 am 12:01 AM

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

HTMLコードをどのように検証できますか?HTMLコードをどのように検証できますか?Apr 24, 2025 am 12:04 AM

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

HTML対CSSおよびJavaScript:Webテクノロジーの比較HTML対CSSおよびJavaScript:Webテクノロジーの比較Apr 23, 2025 am 12:05 AM

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

マークアップ言語としてのHTML:その機能と目的マークアップ言語としてのHTML:その機能と目的Apr 22, 2025 am 12:02 AM

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

HTML、CSS、およびJavaScriptの未来:Web開発動向HTML、CSS、およびJavaScriptの未来:Web開発動向Apr 19, 2025 am 12:02 AM

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

HTML:構造、CSS:スタイル、JavaScript:動作HTML:構造、CSS:スタイル、JavaScript:動作Apr 18, 2025 am 12:09 AM

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

HTMLの未来:ウェブデザインの進化とトレンドHTMLの未来:ウェブデザインの進化とトレンドApr 17, 2025 am 12:12 AM

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

HTML対CSS対JavaScript:比較概要HTML対CSS対JavaScript:比較概要Apr 16, 2025 am 12:04 AM

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

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 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

EditPlus 中国語クラック版

EditPlus 中国語クラック版

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

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

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

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