IE のテキストモード! DOCTYPE の役割の紹介

IE のテキストモード! DOCTYPE の役割の紹介
前の記事で説明したフォームの自動入力の問題を解決した後、新しい問題が発生しました。ページの一部のスタイルが IE で正しく表示されないのです。 IE 開発者ツールで確認すると、対応するスタイルが存在します。正しく表示できるローカル HTML ページと比較すると、一部のフォント スタイルが開発者ツールでフォント サイズ スタイルとして表示されることを除き、スタイルは基本的に同じです。スタイルが正しく表示されない原因となる余白スタイルを含め、その他はすべて同じです。最終的に、開発者ツールを通じて、2 つのページのテキスト モードが異なっていることがわかりました。正しく表示できたページのテキスト モードは標準モードでしたが、異常に表示されたページはその他モードでした。

ウェブページのソースコードを確認すると、異常なウェブページはsitemeshによって装飾されており、装飾されたページではテキストモードの!DOCTYPEが定義されていなかったため、ブラウザが標準モードでウェブページを解析できなかったことが判明しました。

!ドキュメント タイプ (英語では !DOCTYPE と略され、英語の完全な名前は DOCumentTYPE)、!DOCTYPE は、標準の汎用マークアップ言語のドキュメント タイプ宣言です。その目的は、標準の汎用マークアップ言語パーサーに、ドキュメントを解析するためにどのような種類のドキュメント タイプ定義 (DTD) を使用するかを指示することです。これはファイルの最初の行として表示され、次の形式になります。
<!DOCTYPE html
PUBLIC "引用符付き文字列">
「参照文字列」はパブリック識別子と呼ばれ、通常は関連する標準からの「よく知られた」名前で目的の文書型定義 (DTD) を参照します。 [1]
可用性:
正式な公開識別子 (FPI) がパブリックにアクセス可能なオブジェクトであるか、システム リソースであるかを指定します。
Internet Engineering Task Force (IETF) と World Wide Web Consortium (W3C) は登録された ISO 組織ではありません。

<<:  jQueryアニメーションを理解するのに役立つ記事

>>:  MySQL 接続クエリを本当に学びましたか?

推薦する

js オブザーバーモードの紹介と使用

目次定義2. 使用シナリオ3. 例を挙げる4. コーディング定義オブザーバー パターンは 1 対多の...

MySql における無効な Null セグメント判定と IFNULL() 失敗の解決策

MySql Nullフィールド判定とIFNULL失敗処理ps: (プロセスを表示したくない場合は、S...

DockerにRedisコンテナをインストールするための実装手順

目次DockerにRedisをインストールする1. Redisイメージを見つける2. Redisイメ...

MySQL の簡単な分析 - MVCC

バージョンチェーンInnoDB エンジン テーブルでは、クラスター化インデックス レコードに 2 つ...

JavaScript offsetParent のケーススタディ

1. offsetParentの定義: offsetParentは子要素に最も近い位置に配置された親...

Linux でバックグラウンド タスクを実行するために nohup と screen を使用する例と違いの簡単な分析

SSH ターミナル (putty、xshell など) を使用して Linux サーバーに接続し、時...

Ubuntu 18.04.4 に MySQL をインストールするプロセスの詳細な説明

Ubuntu 18.04.4 に MySQL をインストールするプロセスを見てみましょう。内容は次の...

12個のJavascriptテーブルコントロール(DataGrid)が整理されています

DataGrid コントロールの DataSource プロパティがデザイン時に設定されている場合、...

Vue での this.$set の動的データバインディングのケーススタディ

インターネット上の this.$set の説明はわかりにくいと感じます。単一データ、オブジェクト、配...

vueはel-tableの列幅の適応を完璧に実現します

目次背景技術的ソリューション具体的な実装要約する背景Element UI は、PC で人気の Vue...

自作メニューをクリックする効果を実現するJavaScript

この記事では、自作メニューをクリックする効果を実現するためのJavaScriptの具体的なコードを参...

Facebook 出会い系サイトデザインのユーザー エクスペリエンス分析

<br />関連記事: Facebookの情報アーキテクチャの分析 元記事: http:...

NodeJSとブラウザにおけるこのキーワードの違い

序文JavaScript を学習した人なら誰でも、さまざまな環境で this がどこを指すかという問...

WeChatアプレットでSVGアイコンを使用する方法

SVG は、さまざまな利点があるため、近年広く使用されています。残念ながら、WeChat ミニプログ...

Navicat PremiumでSQLファイルをインポートする方法

今日、最終プロジェクトに取り組み始めましたが、今年はMySQLデータベースを使用したため、Navic...