Всем привет.
Главный вопрос:
Почему записи <tag /> и <tag></tag> трактуются по разному в xhtml?
Описание проблемы:
Изучаю html. Исходная задачка — расположить строго друг под другом 3 div-а в xhtml.
Сначала решил задачку так:
div1.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>div test 1</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link href="div1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="d1" />
<div id="d2" />
<div id="d3" />
</body>
</html>
div1.css:
div {
width: 100%;
}
#d1 {
height: 80px;
background-color: red;
}
#d2 {
height: 45px;
background-color: green;
}
#d3 {
height: 20px;
background-color: blue;
}
дивы сливаются (opera 10, chrome, firefox 3.5)! Не понятно — почему?
Стоит переписать html так — все заработает как надо:
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>