0
我正在爲我的計算機上的Web服務器製作一個簡單的登錄頁面。目前，它看起來很好：頁面無法正確呈現與DTD
<html>
<head>
<title>Felix's computer</title>
<style>body{background-color:red;font-family:Zapfino,cursive;text-align:center}img{height:50%}a{text-decoration:none;color:inherit}a:hover{color:blue}</style>
</head>
<body>
<div>
<h1>STOP - Felix's computer</h1>
<h2>Here be dragons...</h2>
<img src="dragon.png"><br>
You may be looking for <a href="~frief17">Felix's page</a>?
</div>
</body>
</html>
但是，只要我有<!DOCTYPE html>，它突然看起來是這樣的：
我知道，這是因爲'標準'模式和'怪癖'模式之間的區別，但是我做錯了什麼？什麼部分的CSS被解釋不同？