gpt4 book ai didi

html - 为什么我的网页不能使用 <!DOCTYPE html....> 但它可以使用 <!DOCTYPE xhtml>?

转载 作者:行者123 更新时间:2023-11-28 06:46:58 31 4
gpt4 key购买 nike

我正在制作一个网页,我即将完成,所以我决定通过一个 html 验证器来验证它,但我的页面出现了一堆错误。我的页面目前适用于 <!DOCTYPE xhtml><html>...但是当我输入 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">我页面的间距中断。

示例:工作时的图片 What it is supposed to look like

代码:<!DOCTYPE xhtml>
<html ng-app="ticTacToe" xmlns="http://www.w3.org/1999.xhtml">

当我添加正确的代码时会发生什么:enter image description here

代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html ng-app="ticTacToe" xmlns="http://www.w3.org/1999.xhtml">

所以我的问题是,如何使用更有效的代码使间距起作用?看起来我正在使用的 CSS 选择器“top:”不起作用。任何反馈将不胜感激。如果您需要更多信息,请告诉我,提前致谢!

更新:负责该部分的直接 CSS

#bodyArea
{
width: 425px;
position: relative;
top: 30%;
left: 40%;
}

最佳答案

这个问题的答案是验证

通过位于 http://validator.w3.org/ 的验证器运行您的页面使用两个标签并注意差异。

XHTML 和 HTML5 不同,因此如果页面以相同方式编码,当您使用 XHTML 文档类型时,它可能无法正确呈现。

文档类型告诉浏览器如何解释页面代码。 HTML(或 XHTML)应始终验证以确保您的页面在最多数量的浏览器上正确显示。

差异引用:http://www.sitepoint.com/web-foundations/differences-html-xhtml/

关于html - 为什么我的网页不能使用 &lt;!DOCTYPE html....> 但它可以使用 &lt;!DOCTYPE xhtml>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33989581/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com