"Compote" and "flies" of web - development
Russian Internet (already at last) vovsju masters ” design through CSS “, but many all the same do not understand, why it is necessary dizajnit` so, instead of in an old fashion, through tables. Are guided, as often it happens, that, what is it fashionably. And many, in general, also do not hurry to leave tables, not considering, that in them there is something bad. I am going to write a long cycle of clauses{articles} about web - development by new methods. Main my purpose - to structure in Russian that knowledge which it is full in an isolated kind on all network.
In this first clause{article} I shall try to tell about the essence of modern standards of a marking of webs - pages and about the purposes which were pursued at their spelling. That is, this clause{article} about that, "what is it" and ” what for it “, instead of ” as it “.
Concepts
For the beginning I want to be defined{determined} with concept ” tabulared imposition “. If you started to be engaged in web - development in 90th years, know what to impose page it was possible in two ways: a stream or tables. The first way is simply absence of any imposition when one by one from top to down there are headings and paragraphs. And tables is when all page is represented as a grid into which in the necessary places are already inserted the text, picture and other tables. And, in itself the structure of these <table>, <tr>, <td> allows to create a grid of any complexity.
However, if to be absolutely fair only business was not limited to one grid. Tables were used also for different design needs, for example:
* It is a unique way of a centering of contents on a vertical
* With the help of table 3 and * 215; 3 cells were done{made} frameworks with registration of corners
* Add the, for certain at you full liked receptions
It:
<table width = " 100 % " background = "/i/bg_top.jpg " style = " background-repeat: no-repeat; " border = "0" cellspacing = "0" cellpadding = "0">
<tr>
<td width = " 75 % " valign = "bottom">
<img src = "/i/_.gif " width = "1" height = "40" border = "0" alt = ""> <br>
<table border = "0" cellspacing = "0" cellpadding = "0"> <tr valign = "top">
<td> <img src = "/i/_.gif " width = "25" height = "1" border = "0" alt = ""> <br> </td>
<td> <a href = "/"> <img src = "/i/logo.gif " width = "213" height = "90" border = "0" alt = ""> </a> <br> </td>
<td> <img src = "/i/slogan.gif " width = "124" height = "90" border = "0" alt = ""> <br> </td>
</tr> </table>
</td>
<td bgcolor = " * ffffff " background = " "> <img src = "/i/_.gif " width = "1" height = "1" border = "0" alt = ""> <br> </td>
<td width = " 25 % " bgcolor = " * 0C2E82 " background = " ">
<table width = " 100 % " border = "0" cellspacing = "2" cellpadding = "2"> <tr valign = "top">
<td align = "center">
<table width = " 90 % " cellpadding = "0" cellspacing = "1" border = "0">
<tr valign = "top">
<td colspan = "3"> <span class = " white small "> <b> the Personal cabinet{study} </b> </span> </td>
</tr>
<tr valign = "top">
<td> <span class = " white small "> a login </span> </td>
<td> <span class = " white small "> the password </span> </td>
<td> *nbsp; </td>
</tr> </table>
… I also name tabulared imposition.
Problem
There is a heap of the historical reasons why HTML at the end of 90th years of the last century began to look so, but it is a subject of separate clause{article}. However, approximately at that time began to appear people which, looking on where all this develops, began to speak loudly, what is it poorly more and more. I shall try to reduce here together that these and other "evangelists" indefatigably speak and write in books concerning lacks of tabulared imposition.
It is a lot of code
Tabulared imposition borrows{occupies} indecently a lot of place. The page more - less well the packed site can easily borrow{occupy} both 80KB, and 120KB … It without pictures. All this is poured out not only in slow loading and otrisovku, but also in rather big money for the traffic both for sites, and for clients. In fact if picture even keshirujutsja a browser all imposition for each new page he neminuemo gruzit anew, that is as though similar on previous was (who here has said a word "frame"? It is not necessary …).
Difficult editing
Tabulared imposition is difficult for correcting manually. Despite of the big development of visual editors of a code, from this problem they do not rescue. If your site - dynamic, means he is going to from pieces of patterns. That is patterns will consist of fragments of tables. If you had to look sometime in such fragment and to think, whether this concerns </td>
To your part or closes a cell from the top part of a pattern, you understand, about what I speak … At the same time I am sorry, if have caused someone a pain these dark memoirs.
Nonflexible design in development
Let's assume, you ljubovno and have accurately cut the breadboard model drawn by the designer in a tabulared allocation, have coded and have hung up on a test site. And now you need to hope only that the customer has not said something such as ” and let's hang up here in the middle still baner “. Because this "middle", is directly connected to edges{territories} and if there something to push in edges{territories} the big misses{passings} will appear, and remove downwards that there should be instead of them. Cut all surrounding blocks, road verstal`hhik!
Indexation poiskovikami
If contents of page represent porridge from a substantial part and registration to understand, that is that, it is automatically very difficult (read: it is impossible). Therefore such sites are worse indexed by search robots.
Compatibility with devices
Any site imposed by tables, is intended for viewing on the big graphic screen with the help of the widespread browsers. How about all rest?
The web was thought out not only for this purpose. One of ideas was universality that the web was accessible on a paper, on mobile phone, PDA, the text terminal, could be widely-read a voice. All this is very difficult with tables. I even would say - it is impossible, because the artificial intellect, capable to distinguish a cell with navigation from a cell with the basic contents, at us for the present and no.
Many mind to me, what supposedly for whom these in general are necessary 0,000 … % of the users, using this exotic? I think, it in many respects putanie causes and effects: therefore and 0,000 … % that there are no sites with which can be used not desktop means normally. I think, if this situation will vary how now varies, we shall already soon find time when the web on PDA will seem usual business.
Well. It seems, enough:-).

|