Question

对于HTML4到HTML5的转换，我一直在将我的html4与html5页面相互比较，并且看到在doctype之后摆脱折旧的元素导致屏幕元素有时会稍微移动。防爆。在下面的代码中，锚标记的底部看起来像3像素填充，但在调试工具中没有显示，但在HTML5中明显向下移动。

<header>
<a href="javascript:commonSubmit('displayHomePage')"><img class="noBorder" src="images/logo.png" alt="Home" /></a>
<div id="nav">
...

此外，在非常大的模板生成表中，某些单元格中的某些信息偶尔会上移一个像素或2个像素。页面上没有发生样式更改，只需更改doctype即可。

发生的唯一代码更改，导致更改：之前：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

后：

<!DOCTYPE HTML>

Answer 1

上找到

在<!DOCTYPE>代码之前，<html>声明必须是HTML文档中的第一件事。

<!DOCTYPE>声明不是HTML标记; 它是向Web浏览器发出的关于页面编写的HTML版本的说明。

基本上，它让浏览器知道您正在使用哪个HTML版本来正确呈现元素

之前：这是HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

之后：这是HTML5

<!DOCTYPE HTML>

希望这有帮助！