Делаю свой шаблон для Joomla с ноля. Сверстал макет шаблона двумя способами, визуально - абсолютно идентичны. Разница в самом коде, в первом варианте - макет состоит из одной таблицы, во втором - из нескольких таблиц.
Вариант 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//RU">
<html>
<head>
<title>Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="shortcut icon" href="favicon.ico">
<!-- <link rel="stylesheet" type="text/css" href="style.css" title="MyStyleSheet"> -->
</head>
<body bgcolor="green">
<table width="990" align="center" border="0" class="karkas" cellspacing="0">
<tr>
<!-- header -->
<td colspan="3" width="990" height="180" bgcolor="#808080" id="header"> </td>
</tr>
<tr>
<!-- h_menu -->
<td colspan="3" width="990" height="20" bgcolor="#353535" id="h_menu"> </td>
</tr>
<tr>
<!-- sidebar -->
<td width="250" height="300" bgcolor="#C0C0C0" id="sidebar"> </td>
<!-- content -->
<td width="520" height="300" bgcolor="#FFFFFF" id="content"> </td>
<!-- 2_sidebar -->
<td width="220" height="300" bgcolor="#C0C0C0" id="2_sidebar"> </td>
</tr>
<tr>
<!-- footer -->
<td colspan="3" width="990" height="50" bgcolor="#353535" id="footer"> </td>
</table>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//RU">
<html>
<head>
<title>Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="shortcut icon" href="favicon.ico">
<!-- <link rel="stylesheet" type="text/css" href="style.css" title="MyStyleSheet"> -->
</head>
<body bgcolor="green">
<table width="990" height="180" align="center" border="0" class="karkas" cellspacing="0">
<tr>
<!-- header -->
<td bgcolor="#808080" id="header"> </td>
</tr>
</table>
<table width="990" height="20" align="center" border="0" class="line" cellspacing="0">
<tr>
<!-- h_menu -->
<td bgcolor="#353535" id="h_menu"> </td>
</tr>
</table>
<table width="990" height="180" align="center" border="0" class="karkas" cellspacing="0">
<tr>
<!-- sidebar -->
<td width="250" height="300" bgcolor="#C0C0C0" id="sidebar"> </td>
<!-- content -->
<td width="520" height="300" bgcolor="#FFFFFF" id="content"> </td>
<!-- 2_sidebar -->
<td width="220" height="300" bgcolor="#C0C0C0" id="2_sidebar"> </td>
</tr>
</table>
<table width="990" height="20" align="center" border="0" class="line" cellspacing="0">
<tr>
<!-- footer -->
<td width="990" height="50" bgcolor="#353535" id="footer"> </td>
</tr>
</table>
</body>
</html>
Вопрос, какой код предпочтительнее с точки зрения быстродействия сайта и его корректной работы? Или вообще отказаться от табличной верстки, делать с помощью слоев?
15.06.2025, 11:57:45