</head><body class="bg-gray-100 flex items-center justify-center min-h-screen p-4"><div class="bg-white p-8 rounded-lg shadow-xl max-w-2xl w-full"><h1 class="text-3xl font-bold text-gray-800 mb-6 text-center">難読化されたHTMLの表示</h1><p class="text-gray-600 mb-6 text-center"> 以下に、JavaScriptによって動的に挿入されたHTMLコンテンツが表示されます。 </p> <div id="dynamic-content-area" class="border-2 border-dashed border-gray-300 p-6 rounded-md bg-gray-50 text-gray-700 overflow-auto"><p class="text-center text-gray-500">コンテンツを読み込み中...</p></div><div class="mt-8 text-center text-sm text-gray-500"><p>このページは、JavaScriptでHTML文字列をDOMに挿入する例です。</p></div></div>