Table table layout model introductions and cssdiv

As a living in 2011 Suimu a web designer, can you recognize the good sense outside of my code utilizes the table, if it is, you are a man without courage, web vision is a strange business, you can probably be my Evening ride envisaged network like classified ads, advertising or unlock the corridor, but absolutely do not let people know that you take advantage of the table, being outside your workflow code find a table like sales was found wearing white trousers off Like socks female.

  table is so ugly, bloated, even if only to show a simple piece of content, you need <table> <tr> <td> The three foundations of labels, each label inside plus a bunch of chaos seventy-eight good property, unlike <div>, which is simple and clean zero, and stylish, and it css perfect pair of band coordinated, they form the most completion of box mold, they like women outside the box reality, you put the tool into them, and then, since it is for them to be on display, tired of a class structure, it may simply change the definition of what css, a new class structure will be born; unlike table, table like a cafeteria sideboards, rows, a columns, earth Hicks, light tired, like our fathers, dirty, anything to get home, casually heap in the corner, if div Petty, table Laosanjie is, they do not belong to the Arab-Israeli who era.

  That is what in recent years, at least no more than three to five years, w3c is a small but primarily I think that everyone who does not like the organization, their official web sit is very ugly, I dare say that life never seen so ugly the net take, but their network is one of the few can probably sit through the full validation w3c standard web sit, that means destroy their nets are sitting on grammar, the structure is being Baihou sex is available on completion of Although still very ugly. But it was a joke, w3c is very important, otherwise Microsoft will open up the entire web engineers brought utter hopelessness, fortunately, netscape behind the Nirvana firefox, firefox and opera are turned born Masquerade Although he did not get any benefit after at least get a mental income support, that did not, the fact that no big brother out of the deal with you. Steve Jobs comeback, Apple sink back to the old light, when people only know the world has not called safari browser, the Shaver is not that way, so that the w3c real anti-free with no need.

  w3c say, table can perhaps be used to hold text, pattern text, images, links, forms, and other table ... However, table innocence ignored when used for page structure (tablesshouldnotbeusedpurelyasameanstolayoutdocumentcontent), reason is that when the web is non visual equipment set off when, table will show the problem, they are designated as screen readers and braille browsers, other, table was a large display on the device will force the user to scroll or so, the fruit of this, web imagine those which should instead use css table. Meet w3chtml4.01 definition of the table. w3c said those remarks when it is December 24, 1999, when the late css though not born, but did little more than take advantage of the last of the web as a positive online version of the document, did not become now that the platform does not require too much too much to consider structural problems, with the formation of foam off the internet for the first time, showing a large number of portal sit, sit portal is beginning to do the table structure figurines, as they are home to one the non-zero newspaper layout splicing complex is also the way of pure, table is very handy in that respect, combined with colspan and rolspan, you can probably achieve almost any complex pure layout.

  That spirit is the class structure early 2000s, to the outside of the inexhaustible still very popular, especially domestic, are under much beauty subconscious, people are incompetent stuffed into a tool pages are crammed into home, table like an old butler era, though not without tools to the wells disorder, but at least as many orchestrate them. However, as to the fact that web disgusting state, with the destruction search, rss subscriptions, as well as blog as the representative of a personalized web presentation, people get more channels without movement, without having to visit Ye that several people almost to halo portal home page in the past, so presents a kind of refreshing, lightweight web wind, with a simpler structure, more bright color, large icons, a large banner, as well as more capacity is difficult to read large fonts, at the same time, a being who, when, css been very mature, and firefox, opera, safari, represented by a browser, is to abide by the w3c standards and near better ie, the fact that people recognize the power of css. Css is because the structure, which is the focus of a box mold, it is necessary to seek a container object css can probably rely on.

  div be lucky to generate the one hand because it is the best of this type of box, is semantically a div representing the page region, is the shape, it boxy, more importantly, it is not <p> or <a> as had been previously assigned wins special semantics (although they can also be used to mold box); on the other hand, is a love-hate for people to mess table system bloated era, the end of an era, the successor to the city hard to erase traces of the old era, the fate of those mean old time by or on behalf of most of this predicament, people do not simply forget them, but categorically draw the boundary.

  Everything table is not fair to be closed on this start. Why say no to the fair, w3c is not recommended table structure, I can just say that when use css replace, what is the meaning, not income support css table it? Of course, income support, and as a veteran of the table as a html object whose position had major predicament, any browser on the table supply the completion of most income support, inclusive css income support. When people embrace div seems forgetful table is box, and is owned no more within a grid box, as a table of all, and div are not aspects box mold without any distinction, but it's within the grid, in addition to outside the margin, is still a box, inside the cell that is the concept of free margin which should be understandable. div very poor show that needless to say, however, when people say div css seems to imply not off table css, that's big misunderstanding.

  div income support without the css properties, table full income support, in fact, prior to being in the limelight div, div those late adopters have been determined not to imply foot, table can do, div can, but they also He then paid the price, being cunning div outside realize people outside the vertical white living my song meaning ie6 outside without being cunning csshack people realized 100% div structure of the larger white my meaning. 100% height problem, the width between the div from several problems smoothly, I believe that Lai place where people would imagine div css chatting away. table is a disadvantage in that respect because it is not how bad the show itself, but because it is old, did not dare to neglect the browser, but also because of its features have been predicament, it was found that form, because data show that hope too neat , it's that simple. However, why the table back then so much notoriety? div rejected by barge to scold the following table is nothing more than a few.

  Code bloat: You need at least write down the <table> <tr> <td> tag after those three to start real anti content, the other, in all types of label table also contains complex pure attribute definitions, and div just <div> a label.

  Page rendering performance problem: The browser needs to be zero after the table read completely before beginning set off.

  Conducive to search engine degradation: Search engines like content take polish separated.

  Baihou be poor: Braille screen reader software and browsers can not extract the contents of a good public opinion outside the table.

  Not enough semantics (semantic): We need semantic web.

  Article 1: code bloat

  First of all, table cellspacing which only can not just use css-defined properties, cellpadding several other properties can perhaps use css and which should, as the rest is <table> <tr> <td> and <div> showdown, I believe a few dozen k at every turn the page size, even if the use of dozens of table, the fruit of this extra code can also probably negligible, those buried en table code bloat of people actually check the hand of my coding habits where can table written very bloated man, write concise div match is not likely to.

  Article 2: page rendering performance problems

  I use a laptop in 2004, 1.6g of cpu take 1g memory, with the kind of down, see table structure and div structure is no different from any page set off on speed, in fact, no different even if the relative collection that point the delay itself may also be ignored.

  Article 3: conducive to search engine deterioration

  If you use css rather than as an attribute table, I said earlier, different code and div occurred will not be great, the search engine will scorn <table> tag you, in accordance with the kind of argument I still did not seek to.

  Rule 4: poor Baihou

  It was a solid table without defects, div css But most fans did not seem to notice who was based Arab rejection table.

  Article 5: not enough semantics

  The meaning of the semantic web is much deeper near, and not just being entangled on the table div, even w3c, also did not delineate table can only be used to display tabular data, many are table semantics long entanglement of people , in fact, might wait html5, that is the real anti-semantic.

  Goal of this article is not to make you discard div join the table, contrast, if the div can imagine you need full foot, div is still the preferred, but not required evasive table, or will walk into the other extreme. Div imagine a lot of use can not be simple to implement, you can still probably use table, of course, no matter what the use, which should have taken polish with css content will break up. div css and table css are legitimate vision, who is more simple to use anyone. In my experience, when you can foresee the pattern of your content, and the contents you are about to intervene without the ability to fully control its display pattern, which should use div css; when the content you are about to intervene is not fixed, you can not foresee it pattern, if you do not want the collapse of the page, using the table css is a kind of safe practices.

  table:

  Benefits: 1, can be unsightly and good, when a user inserts a table when you can perhaps see the results immediately.

  2, simple and convenient, suitable for the early entry of the user to do gymnastics, table without too much experience with the code, simply insert a table, then put the set length and width, alignment, style, table properties, and so on.

  3, readable, some acquaintance with html speech can perhaps read to understand, nothing more than "table / table, td / td, tr / tr" and so on.

  Shortcomings: 1, redundant code is missing, "table tr td / td / tr / table" that is to form a table of the most basic elements (this is the form of a line).

  2, can no longer control, such as a table top unused following even then does not differ from the one above table, this time not diverted to form the code too much, resulting in open network speed ride

  Slow degrees.

  div css:

  Benefits: 1, streamlined code, div / div "and force the code table compared to a lot simpler.

  2, can then control, such as a web page need to use external 2-3 div, users simply are defined in a css styles, such as the definition of a style called: abc, insert div time only

  Need divid = "abc / div" This form can be, for multiple control.

  3, take the open network speed, because the code is streamlined, the server reads the code time save a lot of time, so sit open network speed faster than a lot of the table.

  Shortcomings: 1, can be unsightly poor, being compiled when the user does not immediately see the results of the compilation, you need to preview in order to see results.

  2, poor readability, nets take the code is almost entirely div / div "and is the code page do not see this style. Css styles will need to enter in order to see the definition of style.

  3, do gymnastics tedious, relative to the early entry of the user, the code is not very experience of people who do gymnastics it is very troublesome.

  First, for making highly dependent on the pages conceived become css force complex than pure. Table structure outside html4.0 (table) with respect to, css div though not high and not, but at least better than the pure form of complex multi-positioning, even for expert network is also very content to sit envisaged presents difficult problems, not to mention beginners , that affects the network is xhtml certain extent, take the vision of universal access to speech.

  Second, css files it will affect the general view is zero net sitting. css network system system take the idea to put all the elements are a few outside l external file, that no one or several files can be quite complex pure, more complicated than that force, if it is presented misappropriation css file, then take the zero net change It was tragic.

  Third, css web sit envisaged browser compatibility issues raised than force. Based outside later versions html4.0 pages can barely imagine being ie4.0 no browser compatibility issues, but css div envisaged network ie sit inside the browser page are generally displayed to the Firefox browser (firefox) but outside may face the All Africa (that's why marketers use to collect suggestions notices the Firefox browser is). css div also not be in the various browser vendors further income support.

  Fourth, css div search engines take no degradation depends on the degree envisaged Bo industry page instead of css div itself. css div page envisioned does not guarantee the page deterioration of the search engine, that it can not guarantee necessarily take no more concise code than envisaged in the html net Moreover, search engines obvious not to the possible use of tables and css positioning to weigh for a collection and sorting pages that is why many traditional forms of network structure manufacturing system is searching for the sort to sit outside the front of efficacy, and many use css and web standards system system of page rank is still rearward notice. Because for search engines, web sit structure, content, associated links and other elements of a web sit is the most important principle of network degradation sit.

Published an original article · won praise 2 · views 10000 +

Guess you like

Origin blog.csdn.net/u011927449/article/details/104028620