Geek Answers Handbook

What can I use freely in HTML5 and CSS3? What features should be avoided?

What features can I use in HTML5 and CSS3 without thinking too much about IE6 and the like? What features should be avoided?

+7
source share
7 answers

What features can I use in HTML5 and CSS3 without thinking too much about IE6 and the like?

Define "too much." Everything in HTML 4 and CSS 1 makes a very secure baseline ...

In a more practical note, caniuse will tell you when support for a specific feature was added. Then you need to decide whether it will deteriorate purely or not.

However, do not look at the HTML 5 / CSS 3 / etc features to use. If you have problems, find a solution. Do not look for solutions, and then try to find a problem to solve with it.

+4
source

http://www.caniuse.com/ is an excellent resource when you have a specific feature, but you can be sure of browser compatibility.

In addition, many HTML5 / CSS3 features have additional links with additional information available in the "Can I Use" section.

+2
source

Paul Irish has a wonderful HTML5 comment on the Boilerplate .

From "Why is this awesome":

Compatible with multiple browsers (IE6, yes, we got it.) HTML5 is ready. Use new tags with confidence.

+1
source

Open this site in IE6 and find out: http://html5test.com/

(I don't have IE6, so I can't check it for you atm)

You can also take a look at: HTML5 Cross Browser Polyfills .

+1
source

I think you need to avoid many things :-)

I would start by avoiding: - drag and drop APIs, - file APIs

0
source

Quirksmode always did me well. I think you should be a little more specific in your question - I'm not worried about compatibility with IE, so I would say that I use all of them. However, I know that opinions are not shared by everyone, so I think the best answer would be to use them all until you come across something that is clearly incompatible with your target / os browsers

Once you begin to see the problems, then work on fixing them.

I will say it again that I have compiled a specific list of supported browsers / os, and you will be much better (hint - do not support <IE9 if you want to use most of these functions)

0
source

An HTML5 document ( <!doctype html> ) works fine in IE 6 (to the extent that it puts IE 6 in standard mode ).

In addition, I think that almost nothing new in HTML5 or CSS3 (except @font-face ) is not supported in IE 6, so you need to at least decide how good the experience in IE 6 is. Reasonably, however, the new features generally have no negative effect in IE 6.

For example, new <input> types, such as <input type="date"> , will display exactly the same as <input type="text"> in IE 6. Thus, you will need to decide if simple input is enough text for IE 6 users or you need to enable date picker using JavaScript.

This is almost a question with all the HTML5 / CSS3 features: can users of older browsers do without them, or do you need to add an alternative implementation?

The main exception is new tags in HTML5 - Internet Explorer 6 will not allow you to create style tags that it does not know about, unless you create an instance of this tag using JavaScript . (The same goes for the HTML 4 <abbr> , because IE is unaware of this for some reason.)

0
source

More articles:


All Articles