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被解释不同？