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 接続クエリを本当に学びましたか?

推薦する

MySQL でコミットされていないトランザクションを見つけるための SQL の例の簡単な分析

以前、「MySQL でコミットされていないトランザクション情報を検索する方法」というタイトルのブログ...

MySQL 8.0.12 インストール グラフィック チュートリアル

MySQL8.0.12 インストールチュートリアルをみんなで共有します。 1. インストール1.イン...

Linux で FastDFS ファイル サーバーを構築するための実装手順

目次1. ソフトウェアパッケージ2. gccをインストールする3. libfastcommonをイン...

Javascript のスコープとクロージャの詳細

目次1. 範囲2. スコープチェーン3. 語彙の範囲5. 閉鎖の適用6. クロージャの欠陥7. 閉会...

Vue は小数点付きの星評価を実装します

この記事では、小数点付きの星評価を実装するためのVueの具体的なコードを参考までに共有します。具体的...

Nginx イントラネット スタンドアロン リバース プロキシの実装

目次1 Nginxのインストール2 Nginxの設定3 ホストファイルを変更する4 テストNginx...

CentOS8 で Docker を使用してオープンソース プロジェクト Tcloud をデプロイするチュートリアル

1. Dockerをインストールする1. 仮想マシンに Centos7 をインストールしました。Li...

フレックスレイアウトを使用してページレイアウトを簡単に実装するためのサンプルコード

では、早速コードを見てみましょう。 1. 上部、中央、下部のレイアウト: <!DOCTYPE ...

Ubuntuサーバーの一般的なコマンドの概要

以下のコマンドのほとんどは、コンソール/ターミナル/シェルで入力する必要があります。 'su...

HTML ウェブページの基本コンポーネントの概要

<br />Web ページ上の情報は主にテキストベースです。 Web ページでは、フォン...

スーパーバイザーを使用して nginx + tomcat コンテナを管理する例

必要: docker を使用して nginx + tomcat デュアル プロセスを起動します。実際...

Centos7環境でMySQL 5.6のインスタンスを複数作成する方法の詳細な説明

この記事では、CentOS 7 環境で MySQL 5.6 の複数のインスタンスを作成する方法につい...

MySQLのデッドロックとログに関する詳細な説明

最近、MySQL オンラインでいくつかのデータ異常が発生しましたが、すべて早朝に発生しました。ビジネ...

Tencent Cloud Server での Jenkins の設定方法の詳細

目次1. Tencent Cloud Serverに接続する2. 環境整備Jenkinsのデプロイメ...

jsのイベントループ機構の解析

序文ご存知のとおり、JavaScript は本質的にシングルスレッドですが、ブラウザは非同期リクエス...