DTD XHTML 1.0 Transitional 和 Dtd HTML 4.0 Transitional

最新推荐文章于 2021-06-22 00:58:40 发布

Devillyd

最新推荐文章于 2021-06-22 00:58:40 发布

阅读量1.9k

点赞数 1

分类专栏： web html + css 文章标签： xhtml html div css

web 同时被 2 个专栏收录

50 篇文章 0 订阅

订阅专栏

html + css

3 篇文章 0 订阅

订阅专栏

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

<!DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 4.0 Transitional//EN">
<html>

VS新建ASPX时都是1.0的

但发现XHTML 1.0有一个问题.就是BODY设置的高度100%的问题

下面是高度有问题的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body style="height:100%">
<div style="background-color:red;height=100%">文字</div>
</body>
</html>

结果是DIV的高度和DIV内容的高度一样..而不是整个屏幕的高度.

而HTML 4.0则可以为整个屏幕的高度

<!DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 4.0 Transitional//EN">
<html>
<head>
</head>
<body style="height:100%">
<div style="background-color:red;height=100%">文字</div>
</body>
</html>
但是在HTML4.0中margin:0 auto;确没有居中效果,解决方法是用text-align:center;来实现居中效率

还有就是设置一些高度时的一些问题

div{
height: 35px;
padding-top: 10px;
}
上面这段CSS在XHTML1.0中高度为35PX而在HTML4.0中将高度改为height:45px;时才和XHTML1.0效果一样..