为什么我的网页无法使用,但可以使用?

时间:2015-11-29 23:56:20

标签: html css

我正在创建一个网页,我即将完成,所以我决定通过一个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选择器&#34; top:&#34;我使用的是不工作的。任何反馈将不胜感激。如果您需要更多信息,请提前告知我们!

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

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

1 个答案:

答案 0 :(得分:0)

这个问题的答案是验证

使用两个标记在http://validator.w3.org/处通过验证程序运行您的页面并记下差异。

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

doctype告诉浏览器如何解释页面的代码。 HTML(或XHTML)应始终验证,以确保您的网页能够在大量浏览器中正常显示。

参考差异:http://www.sitepoint.com/web-foundations/differences-html-xhtml/