ホームページ ウェブフロントエンド htmlチュートリアル XHTML チュートリアル: Transitional と Strict_HTML/Xhtml_Web ページ制作の違い

XHTML チュートリアル: Transitional と Strict_HTML/Xhtml_Web ページ制作の違い

May 16, 2016 pm 04:43 PM
html xhtml 要素 違い サポート チュートリアル


実際、XHTML 1.0 は、Transitional DOCTYPE と Strict DOCTYPE の 2 つのタイプ (Frameset DOCTYPE を追加すると 3 つのタイプになります。これについてはこの記事では説明しません) に分かれています。また、HTML 4.01 にも同じドキュメント ステートメントがあります。
今日の Web 標準の推進では、XHTML は HTML よりも厳格であるとよく言われます。もちろん、それはある意味では真実です。たとえば、すべてのタグが閉じられている必要があります。引用した。しかし実際には、XHTML 1.0 は Transitional DOCTYPE と Strict DOCTYPE の 2 つのタイプ (Frameset DOCTYPE を追加すると 3 つのタイプになります。これについてはこの記事では説明しません) に分かれています。 HTML 4.01 にも同じドキュメント ステートメントがあります。

文字通りの意味がわかります: Transitional DOCTYPE は単に古い時代から新しい時代への移行を実現するためのものであり、Strict DOCTYPE はデフォルトの文書宣言であり、これは非常に重要です。 HTML 4.01 および XHTML 1.0 の構築が適用されます。
Transitional DOCTYPE を使用するのは、通常、コードに古い記述メソッドが多すぎて、一度に Strict DOCTYPE に完全に変換することが難しいためです。ただし、厳密な DOCTYPE を目標にする必要があります。これは、構造をプレゼンテーションから分離し、すべてのプレゼンテーション層のコードを CSS で記述することを奨励し、場合によっては強制することもあります。 HTML 4 ドキュメント タイプの定義:

この HTML 4.01 Strict DTD には、プレゼンテーション層の属性とタグが含まれていません。W3C は、これらの属性とタグを段階的に廃止する予定です。これを実現するには、スタイル シートを使用します。プレゼンテーションのプロパティとタグをサポートするには、厳密な DTD を使用する必要があります。

Strict DOCTYPE を使用すると、ブラウザが最も厳格で (ある程度) 最も標準に準拠したモードを使用してページをレンダリングできるという利点もあります。
Tommy Olsson は、Web Standards Group の Tommy Olsson への 10 の質問の中で、Strict を使用する利点を非常にうまく説明しています。

HTML 4.01 Strict であろうと XHTML 1.0 Strict であろうと、Strict DTD を使用することは、HTML を使用するか XHTML を使用するかを議論することよりもはるかに重要だと思います。それは将来のインターネットの品質を表します。構造とプレゼンテーションが分離されるため、サイトの保守が非常に簡単になります。

Web 標準や正しいセマンティック構造に慣れていない人にとっては、Transitional DOCTYPE と Strict DOCTYPE の違いを理解することが重要です。より詳細なリストについては、「XHTML: Strict と Transitional の違い、DTD による Strict と Transitional XHTML および XHTML1.0 要素属性の比較」を参照してください。
Strict への移行を準備している人のために、開発者が間違いを犯す可能性のある 2 つの違いがいくつかあります。これについては次に説明します。 Strict DOCTYPE ではタグがサポートされない 中心 フォント iframe ストライク あなた Strict DOCTYPE ではサポートされないプロパティ align (テーブル関連のサポート:col、colgroup、tbody、td、tfoot、th、thead、tr) 言語 背景 バックカラー ボーダー(テーブルサポート) 高さ (img と object でサポート) hスペース name (HTML 4.01 Strict でサポートされていますが、XHTML 1.0 Strict の form と img ではサポートされていません) ノーシェード ナラップ ターゲット テキスト、リンク、vlink、および alink vspace width (img、object、table、col、colgroup がサポートされています) コンテンツモデルの違い
要素タイプのコンテンツ モデルは、要素タイプのどのインスタンスを含めることができるかを記述します。現時点で、2 つのドキュメント宣言の最大の違いは、blockquote、body、form 要素には次のようなブロック レベルの要素のみを含めることができることです。 テキストと画像を本文に直接含めることはできず、p や div などのブロックレベルの要素に含める必要があります。 input 要素を form 要素の 1 つ下のレベルに直接置くことはできません。 blockquote 要素内のテキストは、p や div などのブロックレベル要素に含まれている必要があります。 すべてのパフォーマンスを CSS に任せ、厳格な基準を遵守します
Strict DOCTYPE に移行するプロセスでは、各要素がどのように見えるかよりも、各要素が何を行うかを知る方が効果的です。
最初に構造とセマンティクスについて考え、パフォーマンスについては後で考えます。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホット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衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

Deepseek R1とV3バージョンの違いは何ですか Deepseek R1とV3バージョンの違いは何ですか Feb 19, 2025 pm 03:24 PM

DeepSeek:R1とV3バージョンの詳細な比較は、最高のAIアシスタントを選択するのに役立ちます! Deepseekにはすでに数千万人のユーザーがいて、そのAIの対話機能は好評を博しています。しかし、R1およびV3バージョンに面しているときに混乱していますか?この記事では、2つの違いを詳細に説明して、最適なバージョンを選択するのに役立ちます。 DeepSeeKR1とV3バージョンのコアの違い:V3バージョンの設計目標は、複雑な問題推論、ディープロジック分析、多機能大型言語モデルに焦点を当てており、スケーラビリティと効率アーキテクチャ、パラメーター強化学習最適化アーキテクチャ、パラメータースケール1.5に焦点を当てています。 10億から700億人のMOEハイブリッドの専門家アーキテクチャ、合計パラメーターは6710億にもなり、各トークンは370億を活性化します

DeepSeek使用のためのFAQの概要 DeepSeek使用のためのFAQの概要 Feb 19, 2025 pm 03:45 PM

Deepseekai ToolユーザーガイドとFAQ Deepseekは、強力なAIインテリジェントツールです。 FAQ:異なるアクセス方法の違い:Webバージョン、アプリバージョン、API呼び出しの間に機能に違いはありません。アプリは、Webバージョンのラッパーにすぎません。ローカル展開は蒸留モデルを使用します。これは、DeepSeek-R1のフルバージョンよりもわずかに劣っていますが、32ビットモデルには理論的には90%のフルバージョン機能があります。居酒屋とは何ですか? Sillytavernは、APIまたはOllamaを介してAIモデルを呼び出す必要があるフロントエンドインターフェイスです。壊れた制限とは何ですか

ビットコインには株式がありますか? ビットコインには株式がありますか? Mar 03, 2025 pm 06:42 PM

暗号通貨市場は活況を呈しており、リーダーとしてのビットコインは多くの投資家の注目を集めています。多くの人が好奇心が強い:ビットコインには在庫がありますか?答えはノーです。ビットコイン自体は株式ではありませんが、投資家はさまざまなチャネルを通じてビットコイン関連の資産に間接的に投資することができます。これについては、この記事で詳しく説明します。ビットコイン投資の代替品:ビットコインに直接投資する代わりに、投資家はビットコイン市場に参加できます:ビットコインETF:これは、資産ポートフォリオにビットコインまたはビットコイン先物契約が含まれている株式取引市場で取引されています。これは、ビットコインを直接保持することなく、在庫投資に慣れている投資家にとって比較的便利なオプションです。ビットコインマイニングカンパニー株:これらの企業のビジネスはビットコインマイニングとビットコインの保有です

PHPでHTML/XMLを解析および処理するにはどうすればよいですか? PHPでHTML/XMLを解析および処理するにはどうすればよいですか? Feb 07, 2025 am 11:57 AM

このチュートリアルでは、PHPを使用してXMLドキュメントを効率的に処理する方法を示しています。 XML(拡張可能なマークアップ言語)は、人間の読みやすさとマシン解析の両方に合わせて設計された多用途のテキストベースのマークアップ言語です。一般的にデータストレージに使用されます

市場前取引とアフターマーケット取引の違いは何ですか?市場前と市場外の取引の違いの詳細な説明 市場前取引とアフターマーケット取引の違いは何ですか?市場前と市場外の取引の違いの詳細な説明 Mar 03, 2025 pm 11:54 PM

従来の金融市場では、市場前および市場外の取引とは、通常の取引期間以外の取引活動を指します。暗号通貨市場は24時間取引されていますが、Bitgetのようなトレーディングプラットフォームは、同様の機能、特に株式と暗号通貨を同時に取引する包括的なプラットフォームも提供しています。この記事では、市場前と市場の取引の違いを明確にし、通貨価格への影響を調査します。市場前取引とアフターマーケット取引の4つの大きな違い:市場前取引とアフターマーケット取引と通常の取引期間の主な違いは、取引時間、流動性、価格変動、取引量:取引時間:取引時間:公式取引が開始される前に行われる4つの側面にあります。流動性:営業時間前後の取引の流動性は低く、トレーダーはほとんどありません。

なぜビテンサーはAIトラックの「ビットコイン」と言われているのですか? なぜビテンサーはAIトラックの「ビットコイン」と言われているのですか? Mar 04, 2025 pm 04:06 PM

元のタイトル:Bittensor = Aibitcoin:S4MMYETH、分散型AI研究元の翻訳:Zhouzhou、BlockBeats編集者注:この記事では、Bockchain Technologyを通じて中央集権的なAI企業の独占を破り、オープンおよび共同AI Ecosemsytemを促進することを望んでいます。 Bittensorは、さまざまなAIソリューションの出現を可能にし、Tao Tokensを通じてイノベーションを刺激するサブネットモデルを採用しています。 AI市場は成熟していますが、両節は競争リスクに直面し、他のオープンソースの対象となる場合があります

韓国のビットコインと国内のビットコインに違いはありますか? 韓国のビットコインと国内のビットコインに違いはありますか? Mar 05, 2025 pm 06:51 PM

ビットコインの投資ブームは、世界初の分散型デジタル資産であるため、増加し続けています。中国はかつてビットコインの最大の市場でしたが、政策の影響は取引制限につながりました。今日、韓国は世界の主要なビットコイン市場の1つになっており、投資家はITとその国内ビットコインの違いに疑問を投げかけています。この記事では、両国のビットコイン市場間の違いに関する詳細な分析を行います。韓国と中国のビットコイン市場の違いの分析。たとえば、2024年10月下旬、韓国のビットコインの価格はかつてでした

垂直プロキシ:アプリケーションシナリオと暗号化の破壊的可能性の解釈ネイティブプロキシ 垂直プロキシ:アプリケーションシナリオと暗号化の破壊的可能性の解釈ネイティブプロキシ Mar 04, 2025 am 10:21 AM

人工知能エージェント(AIAGENTS)は、大企業から中小企業まで、企業の日常業務に急速に統合されており、販売、マーケティング、金融、法律、IT、プロジェクト管理、ロジスティクス、顧客サービス、ワークフローオートメーションなど、ほとんどすべての分野を使用し始めています。私たちは、データの手動処理の時代から、繰り返しタスクの実行、Excelテーブルを使用してAIエージェントが24時間体制の自律操作の時代に移動しています。これにより、効率が向上するだけでなく、コストが大幅に削減されます。 Web2のAIエージェントのアプリケーションケース:Ycombinatorの視点Apten:AIとSMSテクノロジーを組み合わせた販売およびマーケティング最適化ツール。 Bildai:建築青写真を読むことができるモデル、

See all articles