The difference between XHTML/CSS and HTML5/CSS3

12:13:00 AM

HTML5 is the latest development in HTML. It essentially eases the burden on developers/designers as it has plenty of features which can be implemented directly.
HTML5 has a Canvas tag which is a drawing board which can be controlled by user with javascript, it has Audio and Video tags to embed media alot more easy than before. It also provides a lot more things that you need to create more Javascripts to do before, as many new input types to do input control like email etc. HTML 5 makes a cleaner and simpler code in the bitter end because of this, as so much things that so many did by javascript implements into the ned HTML5 instead.
Also, most new browsers have many features of HTML5 implemented. 
For eg: HTML5 includes placeholders for form elements where you needed to use javascript to implement them earlier on. (Something, I do not have a clue on how to do).
________________________________________________________________________________
The latest version of CSS is the CSS3 version which basically differs from CSS2 in the incorporation of Modules and other changes. Modules enable the designing to be done in a lesser time with more ease while updating individual features and specifications. The CSS3 version supports many more browsers than CSS2, but be sure to test it on all operating systems and browsers.
Other major changes/additions include:
* New Combinator
* New CSS Selectors
* New Pseudo-elements
* New Style properties
Additions in Properties
* Border-radius, image-source, image-slice, and the values for width outset and stretch have been added in CSS3.
* Properties for managing boxes like shadowing, wrapping and breaking have been added.
* CSS3 has done away with complex structures for div tag and makes it easy for hassle free designing of multiple table-less columns. This can be simply done by putting in the number of columns in the browser that need to be added in the body element along with their width, color and height to make the text flow through the columns with ease.
New Background Style Properties
* With the addition of the new ‘local’ value, if the element has a scroll bar then the background scrolls with its content.
* Background-clip, origin, size and style properties have been added.
* Background shorthand property has been added in the size and origin properties.
* The changes to previous Background Style Properties include:
Repeat property now has two values name space and round that space the tiled image in the box uniformly and rescales background images to tile it multiple time in the box.
________________________________________________________________________________
The advantage: If you know XHTML/CSS first then you will not have any trouble adapting to HTML5/CSS3.
The disadvantage: If you are just starting out, it might be a little difficult to take in all the new change and features of HTML5/CSS3. Adapting to all the programs and updates that go along with HTML5/CSS3.

You Might Also Like

0 comments

Subscribe

Subscribe to the Mailing List

Like me on Facebook

Recent Tweets