Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to write backwards compatible HTML5?

I'd like to start using HTML5's basic features, but at the same time, keep my code backwards compatible with older browsers (graceful degradation). For instance, I'd like to use the cool CSS3 properties for making rounded corners. Is there any available tutorial for writing gracefully degradable HTML5 ?

Additionally, what browsers should I support so that my app. is functional for at least 95% of visitors? What are the ways to test those browsers painlessly ?

like image 310
Olivier Lalonde Avatar asked Apr 20 '10 11:04

Olivier Lalonde


People also ask

Does HTML5 is backward compatible?

HTML5 is designed, as much as possible, to be backward compatible with existing web browsers. New features build on existing features and allow you to provide fallback content for older browsers.

What is backward compatibility in CSS?

Backwards compatibleThat old site running on a previous CSS version can be reworked with CSS3. Also, with browsers already compatible to CSS2 and other versions, changes with CSS3 are reflected perfectly as well.

What is HTML5 example?

The term HTML5 means not only HTML, it is a combination of HTML, CSS and Javascript with APIs . For example, drawing and animation using canvas, offline storage, microdata, audio and video, drag and drop, geolocation, embedded fonts, web APIs etc.


2 Answers

When talking about HTML5 or CSS3, you should head over to:

When can I use...

As can be seen, we are still far far away from using that.

Also, since old versions of the browsers won't support HTML5 or CSS3, however, you can do what is known as:

Progressive Enhancement and Graceful Degradation

Here are some resources also:

  • Gallery of HTML5 Sites (You can learn and get the idea from them)
  • Create modern Web sites using HTML5 and CSS3
like image 151
Sarfraz Avatar answered Nov 12 '22 03:11

Sarfraz


Browsers that, collectively, cover 95% of the world: Firefox, Chrome, IE6/7/8. The best way to test them is to install them on your computer.

like image 37
Rob Avatar answered Nov 12 '22 03:11

Rob