based layouts for web pages

2018-07-01 15:01:51

I use HTML templates for my website from sites that sell templates as I'm not a designer and would like something ready, I use Rails for my development. I noticed that some sites design their templates as "Tableless" by using CSS and absolute positioning of components in the page. I'm actually used to using tables in my pages.

What is you opinion about that? Are there real advantages of not using tables?

The short answer is that you should use tables for tabular data ( and not layout, see here why ), otherwise you use the right element for the right purpose, p for paragraphs, div for meaningful division ( don't abuse divs ), et cetera. Each element serves a purpose and you should use w3.org to look things up.

That being said, there are some people who still have the wrong frame of mind in CSS, you should avoid layouts that are completely reliant upon absolute positioning and pixel perfect abuse, instead rely on fluid, em-based layouts when you can as these are more adaptable to different screen resolutions and environments.

Other benefits of using proper semantically marked up HTML and CSS would be that you control all styles from the style-sheet, so that results in less tag soup code ( smaller file size ) and you only have to worry about updating content, not layout inside the markup [ separation of presentation ( css ) from behavior ( js ) and content ( html ) ].

Real advantages of not using tables

Faster page loading

Lowered hosting costs

Redesigns are more efficient

Redesigns are less expensive

Visual consistency maintained throughout website(s)

Better for SEO

Accessibility

Competitive edge (job security)

Quick website-wide updates

Easier for teams to maintain (and individuals)

Increased usability

More complex layouts and designs

No spacer gifs