| |
 19.6 Кб |
|
| | Здравствуйте.
HTML документ task1.html проходит валидацию на http://validator.w3.org/ с вердиктом: “This Page Is Valid ...!” (в том числе без предупреждений); содержит одну табличку (<TABLE>) 8x8 ячеек, которая выглядит в броузере, как показано на скриншоте (размер ячеек таблицы 50 точек); не содержит каких-либо связанных объектов(картинок, скриптов...)
Задача - создать файлы, как можно меньшего размера, удовлетворяющие этим условиям в соответствии со стандартами HTML 4.01 Transitional и XHTML 1.0 Strict
Ожидаемый размер файла - меньше 1 KiB.
Я сделал на прямую через table и ячейки потом через одну подключил класс с черным фоном прошол валидацию на сайте. Но размер файла 1.75 кб что никак не меньше 1кб, даже если стили (для таблицы и ячеек) делать в отдельном файле. Может я чего-то не знаю? | |
| |
|
|
| |
|
|
| |
для: zagazz
(31.08.2011 в 07:07)
| | |
<p>
<i></i><b></b><i></i><b></b><i></i><b></b><i></i><b></b>
<b></b><i></i><b></b><i></i><b></b><i></i><b></b><i></i>
<i></i><b></b><i></i><b></b><i></i><b></b><i></i><b></b>
<b></b><i></i><b></b><i></i><b></b><i></i><b></b><i></i>
<i></i><b></b><i></i><b></b><i></i><b></b><i></i><b></b>
<b></b><i></i><b></b><i></i><b></b><i></i><b></b><i></i>
<i></i><b></b><i></i><b></b><i></i><b></b><i></i><b></b>
<b></b><i></i><b></b><i></i><b></b><i></i><b></b><i></i>
</p>
<style>
b,i{disply:block;float:left:width:50px;height:50px;}
b{background:black;}
p{width:410px}
</style>
|
дополнительно
1/переносы строк уберать
2/ заменить html на
<p>
<script>
i=0;
while(i<64){
document.write((i%2)?'<i></i>':'<b></b>');
i++;
}
</script>
</p>
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(31.08.2011 в 08:37)
| | | Идею я понял но 1)у меня не работает 2) В задании сказано использовать Table и не использовать никаких скриптов. | |
| |
|
|
| |
|
|
| |
для: zagazz
(31.08.2011 в 20:36)
| | | 949 байт
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
tr:nth-child(odd) td:nth-child(even),tr:nth-child(even) td:nth-child(odd){background:red;width:50px; height:50px;}
</style>
</head>
<body>
<table>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table></body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(01.09.2011 в 06:12)
| | | Теперь всё круто. Спасибо что показал. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(01.09.2011 в 06:12)
| | | Таблицу можно записать как
<table><tr><td/><td/><td></td><td/><td/><td/><td/><td/></tr>
<tr><td/><td/><td/><td/><td/><td/><td/><td/></tr>
<tr><td/><td/><td/><td/><td/><td/><td/><td/></tr>
<tr><td/><td/><td/><td/><td/><td/><td/><td/></tr>
<tr><td/><td/><td/><td/><td/><td/><td/><td/></tr>
<tr><td/><td/><td/><td/><td/><td/><td/><td/></tr>
<tr><td/><td/><td/><td/><td/><td/><td/><td/></tr>
<tr><td/><td/><td/><td/><td/><td/><td/><td/></tr>
</table>
|
Что существенно уменьшит размер + если убрать лишние пробелы и переносы - укладывается в ~690 байт. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(01.09.2011 в 06:12)
| | |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Chess</title>
<style type="text/css">
td {width:50px; height:50px;}
.r {background:red;}
</style>
</head>
<body>
<table cellspacing="0">
<tr><td><td class="r"><td><td class="r"><td><td class="r"><td><td class="r">
<tr><td class="r"><td><td class="r"><td><td class="r"><td><td class="r"><td>
<tr><td><td class="r"><td><td class="r"><td><td class="r"><td><td class="r">
<tr><td class="r"><td><td class="r"><td><td class="r"><td><td class="r"><td>
<tr><td><td class="r"><td><td class="r"><td><td class="r"><td><td class="r">
<tr><td class="r"><td><td class="r"><td><td class="r"><td><td class="r"><td>
<tr><td><td class="r"><td><td class="r"><td><td class="r"><td><td class="r">
<tr><td class="r"><td><td class="r"><td><td class="r"><td><td class="r"><td>
</table>
</body>
</html>
|
А вот так работает даже в 6-м IE (933 байта) | |
| |
|
|
