Web-Anatomy.Ru

Десятилетию Рунета посвящается

К выпуску № 23 («Эпистолярный жанр»)

Своему оппоненту, о котором шла речь в колонке, я отправил во вложении такие вот примерчики.

<html>

<head>
<title>Первый</title>
</head>

<body>
<table bgcolor="#006699" width="300" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table width="100%" cellspacing="2" cellpadding="0" border="0">
<tr bgcolor="#ffffff">
<td>
<table width="100%" cellspacing="2" cellpadding="0" border="0">
<tr bgcolor="#006699">
<td>
<table width="100%" cellspacing="2" cellpadding="5" border="0">
<tr align="center" bgcolor="#66ccff">
<td>Контент</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>

</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
<title>Второй</title>
</head>

<body>
<div style="width: 278px; padding: 5px; background-color: #6cf; border: double 6px #069; text-align: center">Контент</div>
</body>

Объем кода первого файла — 573 байта, второго — почти ровно вдвое меньше, 285. Если же рассматривать только значимые фрагменты кода (без учета конструкций вроде <!DOCTYPE>, <html>, <head> и контента), то мы получим почти четырехкратное отличие.

Безусловно, это только частный случай. Нам помогла двойная рамка, заботливо предусмотренная в блочной модели CSS2. Но не так уж далек тот час, когда такие вот частные случаи превратятся в очевидные правила — не интересовались, какие возможности в плане оформления рамок совсем скоро будет предоставлять CSS3? А вот поинтересуйтесь!

[Перейти к оглавлению]

© Артемий Ломов, 2004, 2005.