Choosing an HTML Version
XHTML
•A strict, standards-based implementation of HTML4 created with XML (eXtensible Markup Language).
•XHTML coding uses the same codes as HTML4, so it is compatible with the same browsers as HTML4.
•At one point, it was thought that XHTML would eventually replace HTML4 as its successor, but due to interoperability problems that did not happen.
HTML5
•A revised code set that builds upon HTML4 to add new capabilities.
•HTML5 offers many dramatic improvements in the areas of application handling and multimedia,
•In terms of basic coding, the biggest difference is that there are new specific codes for different types of content that were previously handled with more generic tags.
The HTML5 specification is being developed by two different bodies (the WHATWG and the W3C)
•W3C
•The WHATWG (aka the Web Hypertext Application Technology Working Group),on the other hand, might be new to you.
http://www.whatwg.org/html/
•In the past, in order to create gradients, shadows, and rounded corners, web designers have had to resort to a number of tricky techniques.
•Sometimes extra HTML elements were required.
•In cases where the HTML is kept fairly clean, scripting hacks were required.
•CSS3 allows you to include these and other design elements in a forward-thinking manner that leads to so many benefits:
•Clean markup that is accessible to humans and machines,
•Maintainable code,
•Fewer extraneous images, and
•Faster loading pages.
HTML4
•A very stable, universally accepted code set, which is also fairly forgiving of small coding errors.
•Using HTML4 codes is desirable when compatibility with all browsers is important
•A very stable, universally accepted code set, which is also fairly forgiving of small coding errors.
•Using HTML4 codes is desirable when compatibility with all browsers is important
•A strict, standards-based implementation of HTML4 created with XML (eXtensible Markup Language).
•XHTML coding uses the same codes as HTML4, so it is compatible with the same browsers as HTML4.
•At one point, it was thought that XHTML would eventually replace HTML4 as its successor, but due to interoperability problems that did not happen.
HTML5
•A revised code set that builds upon HTML4 to add new capabilities.
•HTML5 offers many dramatic improvements in the areas of application handling and multimedia,
•In terms of basic coding, the biggest difference is that there are new specific codes for different types of content that were previously handled with more generic tags.
The HTML5 specification is being developed by two different bodies (the WHATWG and the W3C)
•W3C
http://www.whatwg.org/html/
Here’s a site that lists what HTML5 features are supported by each version of popular Web browsers:
- http://caniuse.com.
- http://www.html5test.com/ (site that checks your browser compatibility with HTML5)
- acronym (displays tooltip for an acronym)
- applet
- basefont (a default font-color, size, or family for all page text)
- big (bigger emphasized font size)
center - dir (Like UI/ LI)
font - frame
- frameset
- noframes
- strike
- tt (teletype font – similar to a type writer)
- u
align attribute on most HTML elements has been dropped , It is now recommended to use CSS to achieve this
HTML5 new features
•The canvas element makes it possible for you to bypass Photoshop to make your 2D images and directly place them in your code.
•The audio and visual support in HTML5 is outstanding. As soon as it’s fully running and all browsers support HTML5, you will find it easy to add audio and video to websites without the need for outside plugins.
•Support for local storage
•The audio and visual support in HTML5 is outstanding. As soon as it’s fully running and all browsers support HTML5, you will find it easy to add audio and video to websites without the need for outside plugins.
•Support for local storage
•Editing the content of your website is simplified with HTML5. Using the
contenteditable attribute, you can quickly and painlessly change your
text by adding contenteditable=“true” to any element.
•New content-specific elements, like article, footer, header, nav, section
•New form controls, like calendar, date, time, email, url, search
•Geolocation API
• The application cache enables you to navigate web applications while you are offline. •New content-specific elements, like article, footer, header, nav, section
•New form controls, like calendar, date, time, email, url, search
•Geolocation API
Why Use It
- HTML5 will load much quicker than its older brother because it implements WebSockets.
- Mobile phone applications will be much more accessible if written in HTML5 because you will not have to write applications for a specific brand of phone but rather can create universal applications for all phones.
- You have more flexibility in creating your website.
- Video, audio and images are all easily written right into the code, eliminating the need for any third party software.
- This language is growing and will only result in more, new, better and faster features that will leave old websites looking outdated.
- HTML5 simply builds on HTML4, so the old markup can stay in place as you develop the new features.
- HTML5 and CSS3 together will give you some serious designer credibility.
CSS3
•CSS3 is the latest version of the CSS specification.
•CSS3 contains just about everything that’s included in CSS2.
•It also adds new features to help developers solve a number of problems without the need for non-semantic markup, complex scripting, or extra images.
•New features in CSS3 include support for additional selectors, drop shadows, rounded corners, multiple backgrounds, animation, transparency, and much more.
•CSS3 contains just about everything that’s included in CSS2.
•It also adds new features to help developers solve a number of problems without the need for non-semantic markup, complex scripting, or extra images.
•New features in CSS3 include support for additional selectors, drop shadows, rounded corners, multiple backgrounds, animation, transparency, and much more.
•Sometimes extra HTML elements were required.
•In cases where the HTML is kept fairly clean, scripting hacks were required.
•CSS3 allows you to include these and other design elements in a forward-thinking manner that leads to so many benefits:
•Clean markup that is accessible to humans and machines,
•Maintainable code,
•Fewer extraneous images, and
•Faster loading pages.
Best Reference for HTML5 and CSS3 :
- http://mblazquez.es/blog-ccdoc-arquitectura-informacion/documentos/html5-and-css3.pdf
- http://webdesignledger.com/tips/html5-css3-take-your-design-to-another-level
No comments:
Post a Comment