Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The following explains why to use DIV over TABLE elements.</p> <p><strong>Pros of Table Element</strong>: Most designers use table for a consistent look. Tables are also easy to maintain. Another advantage of table is that it is compatible with the most browsers.</p> <p><strong>Cons of Table Element:</strong> All this comes with a cost: Too many nested tables increase page size and download time. More table elements push important content down so search spiders are less likely to add content to search engines.</p> <p><strong>Pros of DIV Element:</strong> div with CSS we can achieve the same table based page structure and reduce the number of elements on the page, which allows the page to load faster. It also makes page more compatible with search engine spiders.</p> <p><strong>Cons of DIV Element:</strong> The major drawback of this is not all CSS elements are not browser compatible. Because of this we have to write some custom CSS to resolve issues.</p> <p>full article : <a href="http://www.codeproject.com/KB/HTML/DIVwebsite.aspx" rel="noreferrer">http://www.codeproject.com/KB/HTML/DIVwebsite.aspx</a></p> <p><strong>display: table</strong> tells the element to display as a table. Nested elements should be displayed as table-row and table-cell, mimicking the good old TR's and TD's. There's also a <strong>display: table-column</strong> but it should show nothing at all, only serving for style information like a COL does. I'm not sure exactly how this works.</p> <p>more about div display style : <a href="http://www.quirksmode.org/css/display.html" rel="noreferrer">http://www.quirksmode.org/css/display.html</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload