Why your site should be developed with CSS and semantic markup
One thing that I have learned in over a decade developing web sites is that the Net is continually changing, and to keep up you need to change with it. One of the more recent developments in web design is the use of CSS and semantic markup. CSS and semantic web design has several benefits: clarity in code, browser and other web-enabled devices compatibility, seperation of content and presentation, smaller burden on bandwith, and better visibility to search engines.
Back in the day, we designed sites with tables and hacked those tables into doing things that they were never meant to do. The table tag was designed to display tabular data, not as a way to render the layout of a website. Unfortunately, a better alternative did not exist, so we used tables. This made for inefficient, slow loading sites with code that was very hard to read and maintain. wikipedia defines sematic markup like this:
Sematic pages: supply information for Web search engines using web crawlers. This could be machine-readable information about the human-readable content of the document (such as the creator, title, description, etc., of the document) or it could be purely metadata representing a set of facts (such as resources and services elsewhere in the site). (Note that anything that can be identified with a Uniform Resource Identifier (URI) can be described, so the semantic web can reason about people, places, ideas, cats etc.)
These days, hip designers and developers use CSS extensively to create beautiful, fully standards compliant sites. CSS-based layout allows us to develop sites that will degrade effectively--that is that they will be viewable on all types of devices such as PDAs, cell phones, T.V.s--and will work correctly on devices that dont even exist yet as long as they are standards compliant.
Most importantly, developing sites with CSS allows us to effectively separate content and presentation. Have you ever looked at the source code of HTML pages that were created with a table-based layout and wondered what the heck is going on here? You see lots of opening and closing of tables and table rows all mixed together with textual content and graphics. With a clean, CSS-based layout you can create pages that are easily understood by looking at the source, making them easier to understand, maintain, and update. Look at the source of my company site wikipedia and then look at the source code of this site that uses a tables based layout: wikipedia. Big difference, huh?
If you have a site with high traffic, you can significantly reduce the amount of bandwdth used by transitioning from a table-based site to a CSS-based layout. If a visitor to your site doesnt have to load all of the code needed to render those tables and spacer gifs, you are transmiting less data.
CSS also offers search engine optimization benefits over tables. If you have a tables based business site that relys on Internet traffic to turn a profit or aquire new clients you will see real advantages by switching to CSS. When a search engine spiders your tables-based site, they retrieve a large amount of content that has nothing to do with you business. When search engines spiders a clean CSS-based site, the majority of content retrieved will be textual content that describes your business. The ratio of content-to-code is higher with CSS-based layouts.
Weve all seen search engine descriptions that dont make any sense; thats because search engine spiders use a top down method for retrieving information. Whatever is topmost in your document, the search engines are going to think is the most important part of the document, and therefore should be used as the description. Since we seperate content and presentation with CSS, we can put the most important information at the top of a document no matter where it is actually displayed on the page. Try that with tables!
I hope this article gives you an overview of why it is important to transition from your current tables-based layout to a fully valid CSS implementation. If you dont have a web site, but are planning on launching one in the near future, make sure you tell your developers you want a CSS-based implementation. If you need help moving from your current tables-based site to a CSS-based one, please feel free to contact me at vp3media@gmail.com or call me toll free at 1-877-320-4349 and Ill be happy to discuss your site with you.
James Kendall has been developing websites for over a decade and has founded and co-founded several companies concerned with web development since 1994. Currently he runs wikipedia and focuses on one on one interaction with select clients.
Flossmoor limo rentals .. Lockport Chicago limo O’HareThis article gives free tips on how to find a... Read More
Colors have long been known to have psychological affects on... Read More
The icons in an application are the soul of the... Read More
In the early years of the internet the actual design... Read More
Getting traffic to your website is not the only factor... Read More
Since I made the switch 6 months ago to a... Read More
Designing your website can be a difficult task especially if... Read More
Have you ever thought about the real stories behind all... Read More
Do use a consistent look and feel Your site should... Read More
In this article I will give advice and tips of... Read More
Think of the people who visit your site as blind... Read More
You have created your custom error page so now all... Read More
Does your website make a good first impression? Is the... Read More
Ever wonder how HTML color codes are put together? For... Read More
Your web site should always adhere to standards!A professional web... Read More
I have written before about long sales copy on the... Read More
When designing elements for your webpage, you will often be... Read More
We've all seen and read product testimonials. They're a very... Read More
A website should firstly be searched out by visitors before... Read More
Selling on the internet is a challenge. There is no... Read More
Hire a designer or a programmer for your website is... Read More
This article gives free tips on how to find a... Read More
Color is one of the most important but least understood... Read More
Usability isn't only for Web design. It's also applicable in... Read More
Countdown to Armageddon - at least you'd think so judging... Read More
Medinah cheap limo ..If you are reading this, I assume you either have... Read More
Even after you've managed to bring traffic to your site... Read More
If your Web site doesn't project a professional and polished... Read More
Many people today are tired of the Microsoft software that... Read More
The following list of websites is the best compilation of... Read More
So you've decided to take the plunge. You know that... Read More
Your web site should always adhere to standards!A professional web... Read More
You may not believe it, but people still judge things... Read More
The .htaccess file is a control file located in your... Read More
An ongoing challenge for webmasters today is to provide fresh... Read More
Well it is not Elvis, that's for sure.I am a... Read More
So your web site's online and you've got high rankings... Read More
Here's a really simple way... any novice can create a... Read More
Unarguably, the most important part of your website is content.... Read More
If you have a business, big or small you may... Read More
I always have people asking me if I know of... Read More
Questions to ask when designing a Web Site for your... Read More
Developing a software application is not easy at all; apart... Read More
Making a poorly designed website is one of the easiest... Read More
Most people will agree there is nothing more annoying than... Read More
Websites, there are literally billions of them out there in... Read More
Since I made the switch 6 months ago to a... Read More
You spend time and money promoting your website; but what... Read More
I hate to imagine that in your web development project... Read More
Not too long ago while looking for businesses that do... Read More
Web Design |