DTD XHTML 1.0 Transitional 和 Dtd HTML 4.0 Transitional
<!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效果一樣..