Vous avez demandé quelles balises HTML5 pour rester à l'écart.

Eh bien, certaines des balises de HTML5 de ma connaissance ont été faites pour des raisons sémantiques. comme ce qui suit par exemple.

<article> <section> <aside> <nav> <header> <footer> ..ect

Ceux-ci sont presque bien à travailler, et nécessitent juste un peu de CSS par exemple. display: block; pour fonctionner normalement dans la plupart des navigateurs, bien que dans les navigateurs plus anciens ie. Internet Explorer vous devez créer un élément en Javascript pour qu'il soit compatible.

Voici un exemple.

document.createElement('article');

Définirait l'élément <article> pour une utilisation dans Internet Explorer plus ancien.

Pour les balises HTML5 plus avancées qui nécessitent des fonctionnalités Javascript pour fonctionner sont quelques-uns comme les suivants.

<audio> <video> <source> <track> <embed> And most importantly <canvas> 

Ces éléments sont plus difficiles à supporter/shiv dans les anciens navigateurs. Bien que j'ai inclus un lien vers cross browser polyfills en bas, bien que je ne les ai pas personnellement étudiés.

, Donc je dirais que tout élément qui ne nécessite pas Les fonctionnalités Javascript sont parfaitement bien à utiliser avec un tout petit peu de code de support cross browser.

Si votre ciblage >IE8, alors vous devriez être très bien si vous utilisez un shiv.

Qu'est-ce que j'appelle les anciens navigateurs?

Prise en charge du navigateur pour les balises HTML5 aujourd'hui est.

<section>, <article>, <aside>, <header>, <footer>, 
<nav>, <figure>, <figcaption>, <time>, <mark>

Ne sont pas pris en charge par Internet Explorer 8 mais peut être fixé comme ce.

CSS:

section, article, aside, header, footer, nav, figure, figcaption{
   display: block;
}
time, mark { 
    display: inline-block;
}

Javascript:

var elements = ['section', 'article', 'aside', 'header', 'footer', 'nav', 'figure', 'figcaption', 'time', 'mark'];
for( var i = 0; i < elements.length; i++ ) {
    document.createElement(elements[i]);
}

Et <audio> <video> <canvas> ne sont pas pris en charge dans

L'élément <embed> a un support partiel dans > IE8

Vous devriez également regarder dans cette balise.

 <meta http-equiv="X-UA-Compatible" content="IE=edge">

Cette balise meta indique à Internet Explorer d'afficher la page en mode IE le plus élevé disponible, au lieu d'entrer en mode de compatibilité et de rendre la page comme le ferait IE7 ou 8. Plus d'infos sur ce ici .

Liens D'assistance HTML5

Pour un coup de pied, vous pouvez vérifier HTML5 passe-partout

Pour les tables de support de compatibilité du navigateur, vous pouvez consulter - http://caniuse.com/

HTML5 Shiv - https://github.com/afarkas/html5shiv

Liste des Polyfills HTML5 - https://github.com/Modernizr/Modernizr/wiki/...

Mise à Jour

Comme mentionné dans un commentaire

Soyez prudent avec la balise meta Compatible X-UA. Si vous utilisez quelque chose comme HTML5 boilerplate qui a des commentaires conditionnels entourant l'élément (cela se produit également avec le doctype html5 IIRC), vous pouvez rencontrer des problèmes avec IE9 se forçant en mode normes IE7 même avec la balise. IE grèves encore

Vous aimeriez peut-être cela, je n'ai rien pour le moment.