我正在制作一个网页,我即将完成,所以我决定通过一个 html 验证器来验证它,但我的页面出现了一堆错误。我的页面目前适用于 <!DOCTYPE xhtml><html>...
但是当我输入 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
我页面的间距中断。
代码:<!DOCTYPE xhtml>
<html ng-app="ticTacToe" xmlns="http://www.w3.org/1999.xhtml">
代码:<!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 - 为什么我的网页不能使用 <!DOCTYPE html....> 但它可以使用 <!DOCTYPE xhtml>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33989581/