Chat with us, powered by LiveChat
Why XHTML and CSS?

Why XHTML and CSS?

CSS IconXHTML Icon

Why XHTML and CSS?

Simply put, XHTML and CSS has an indefinite bond together, they work together perfectly and they shape everything for the prospect of the future Internet.

XHTML is a stricter and more cleaner version of HTML. It stands for Extensible HyperText Markup Language. If you currently know HTML and use it in your Web pages, you’ll come to grips of how much of a mess it is. The original intention of HTML was for structuring documents (for example; paragraph’s, headings, and the likes), however more and more demanded features such as colour and font sizes – and thus Netscape and other companies such as Microsoft added these complementary features. Back then they weren’t aware of what an issue it could cause.

If you design with HTML you’ll come to face with tables – and I suppose you have (at least once) used tables for layouts, instead of their original intention – which is for tabular data. And again tables take hours to create and although its helpful for creating quick and easy layouts, it would consume huge amounts of disk space and bandwidth. Altogether they weren’t the solution to designing; after a few years people started getting fed up of having the backaches of making layouts in such a way – this is where CSS comes in.

CSS stands for Cascading Style Sheets and was created to replace HTML styling. CSS is a dream come true for developers, and to tell you the truth, CSS is very versatile when designing. This is because you can make many things out of CSS in little time with the same type of code. CSS is a huge help to bandwidth bills because with CSS you can use the same code over and over again for different types of HTML elements. For example, lets say we wanted to change the colour of our headings – we’d use the following CSS code:

h1 {
color: #FF0000;
}

Now theres nothing else to add to the HTML heading element – just add

This is text

to your HTML document – and your heading will be red. In many aspects this saves bandwidth and your precious time. Let’s face it, us Webmasters always want the easiest route in cases similar to this.

I am not going to go in-depth in CSS but there are plenty of tutorials on-line over the Web. You can search on Google for tutorials, but at the bottom of this article I will give you a few links to Websites and resources that may be beneficial to you.

Okay, moving on to XHTML. As in the preceding sections of this article, XHTML is a stricter and cleaner version of HTML and will one day replace standard HTML. XHTML is becoming increasingly popular around the Web. You’ll find that more people are demanding XHTML compliant Websites, so for example if you provide a Web design service, most of your clients will demand XHTML compliant templates. Further on this, most people are moving onto CSS as well. There is a slight difference between HTML and XHTML, for example the
tag is
as XHTML demands HTML elements alike to have a self-closing stroke. This would be the same for the tag as well – as the tag does not have any closing tag in standard HTML. Another thing to point out is everything in XHTML needs to be lower-case. Unfortunately so, XHTML demands another thing in your document at all times; the document type. Theres two different document types; XHTML Transitional and XHTML Strict. I recommend you visit the following URL for a reference on this: http://w3schools.com/xhtml/xhtml_dtd.asp

Overall XHTML and CSS make a good couple and you should really consider moving into the 21st century of Website design (in other words, XHTML and CSS). Below is some links to both XHTML and CSS tutorials:

XHTML Tutorials and Resources:

• http://w3schools.com/xhtml/default.asp
• http://www.freewebmasterhelp.com/tutorials/xhtml
• http://websitetips.com/articles/xhtml/basics/

CSS Tutorials and Resoureces:

• http://www.html.net
• http://www.w3schools.com/css/default.asp
• http://www.tizag.com/cssT/

Recommended Books:

• XHTML for Dummies (http://www.dummies.com/WileyCDA/DummiesTitle/productCd-0764507516.html)
• CSS in Easy Steps (http://ineasysteps.com/books/details/?184078301x)

Ben Stones

Sharing

Leave your comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.