IE をフリーズさせる HTML コード

IE をフリーズさせる HTML コード
任意のテキスト エディターを開き、次のコードをコピーして、たとえば SomeFilename.html というファイルを保存するだけです。

コードをコピー
コードは次のとおりです。

<html><head>
<スタイル タイプ="text/css">
#a {
マージン:0 10px 10px;
}
#b {
幅:100%;
}
</スタイル>
<title>IE クラッシャー</title>
</head>
<本文>
<テーブル><tr><td>
<div id="a">
<フォームid="b">
<input type="text" name="test"/>
</div>
</td><td width="1"></td></tr></table>
</body></html>

それから Internet Explorer で開きます - ハハ!それはあなたが見るように悲惨な死を遂げたのです。

このバグは、IE6 から、最近リリースされた Internet Explorer 9 の 6 番目のプラットフォーム プレビューまで、ほぼすべての一般的な IE バージョンに存在します。 IE6 では、ページが空白で表示されることがよくありますが、ウィンドウ全体がインタラクティブではありません。 IE8 ではクラッシュが完了します。 IE9 ベータ版では堅牢性が強化されています。実際のテストでは、このページによりプロセス全体が応答しなくなります。IE9 では Web ページに問題があるというメッセージが表示されることもありますが、クラッシュを回避することはできません。

実はこの問題はかなり前から発見されており、専用のウェブサイトも存在します(http://crashie8.com/、このリンクを広める際は注意してください)。 IE 以外のブラウザであれば問題なくページを開くことができますが、IE は不可解な理由でクラッシュしました。

もちろん、注意深く見れば、上記の HTML コードの <form> タグが閉じられていないことがわかります。このコードを仕様に準拠させるには、<input> タグの後に </form> 終了タグを使用する必要があります。標準コードでは IE がクラッシュすることはないので、IE のせいではないようです。

しかし、他のブラウザは高いフォールトトレランスを備えているのに対し、IE はそうではなく、IE9 でもまだ備えていません。これが IE の悲劇です。

<<:  Web デザインの経験: 独善的な Web デザイナー

>>:  シンプルなドラッグ効果を実現するJavaScript

推薦する

あまり一般的ではないが便利な CSS 属性操作の完全ガイド

1. カスタムテキスト選択 ::選択{ 背景: 赤; 色: 黒; } 2. ビデオコントロールからダ...

JSアルバム画像の揺れと拡大表示効果のサンプルコード

前回の記事では、JS を使って簡単な揺れ効果を実現する方法を紹介しました。ご興味があればクリックして...

Linux でシェル スクリプトを使用して jar パッケージ プロジェクトを展開するための完全な手順

1. JDKをインストールする コンピュータの動作桁を確認します。 uname -ar 2017 x...

CSS3はトランジション効果を実現するためにtransitionプロパティを使用する。

物件の詳細な説明transition 属性の目的は、一部の CSS プロパティ (背景など) をスム...

マージンのマージの問題を解決する

1. 兄弟要素の余白を結合する効果は次のようになります: (2 つの間の間隔は 150 ピクセルでは...

MySQL の if 関数の正しい使い方の詳細な説明

今日私が書こうとしている内容では、プログラムは 7 時間近く実行され、データベースに 1,000 万...

HTML で自動ページジャンプを実現する 5 つの方法

前回の記事では、HTML ページが 3 秒後に自動的にジャンプする一般的な 3 つの方法を紹介しまし...

JavaScript の便利な配列トリック 12 選

目次アレイ重複排除1. from() を新しい Set() メソッドに重ねる2. スプレッド演算子 ...

nginx を使用して正規表現で指定された URL リクエストを傍受する方法

nginx サーバーnginx は、静的ファイルの処理に非常に効率的な優れた Web サーバーです。...

Vue で $props、$attrs、$listeners を使用する方法の詳細な説明

目次背景1. 文書の説明2. 特定の用途結論背景ここで、状況について説明しましょう。親コンポーネント...

JavaScript で長い画像のスクロール効果を実装する

この記事では、JavaScriptの長い画像スクロールの具体的なコードを参考までに共有します。具体的...

CentOS に Nginx をインストールする方法

公式ドキュメント: https://nginx.org/en/linux_packages.html...

dockerにros2をインストールするための詳細な手順

目次メイントピック1. UbuntuにDockerをインストールする2. DockerにROS2-F...

Nginx を使用して rtmp ライブ サーバーを実行する方法

今回は、コンピューターや携帯電話用の rtmp ライブ ブロードキャスト サーバーを設定し、ライブ ...

MySQL のデータ削除とデータ テーブル メソッドの例

MySQL でデータやテーブルを削除するのは非常に簡単ですが、削除するとすべてのデータが消えてしまう...