Prise en charge du navigateur HTML5
Prise en charge du navigateur HTML5
Vous pouvez faire en sorte que certains navigateurs plus anciens (qui ne prennent pas en charge HTML5) prennent en charge HTML5.
Prise en charge du navigateur HTML5Support
Les navigateurs modernes prennent en charge HTML5.
De plus, tous les navigateurs, anciens et nouveaux, traiteront automatiquement les éléments non reconnus comme des éléments en ligne.
De ce fait, vous pouvez ? apprendre ? au navigateur à gérer les éléments HTML ? inconnus ?.
Vous pouvez même apprendre au navigateur IE6 (Windows XP 2001) à gérer les éléments HTML inconnus.
Définit les éléments HTML5 comme éléments de bloc
HTML5 définit 8 nouveaux éléments sémantiques HTML. Tous ces éléments sont des éléments de niveau bloc.
Afin de permettre aux anciens navigateurs d'afficher correctement ces éléments, vous pouvez définir la valeur de l'attribut d'affichage CSS sur block?:
Instance
header, section, footer, aside, nav, main, article, figure {
display: block;
}Ajouter nouveaux éléments au HTML
Vous pouvez ajouter de nouveaux éléments au HTML.
Cette instance ajoute un nouvel élément au HTML et définit un style pour l'élément. L'élément est nommé <myHero>?:
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>為 HTML 添加新元素</title>
<script>document.createElement("myHero")</script>
<style>
myHero {
display: block;
background-color: #ddd;
padding: 50px;
font-size: 30px;
}
</style>
</head>
<body>
<h1>標(biāo)題</h1>
<p>內(nèi)容</p>
<myHero>元素</myHero>
</body>
</html>Problèmes du navigateur Internet Explorer
Vous pouvez utiliser la méthode ci-dessus pour ajouter des éléments HTML5 au navigateur IE, mais?: Internet Explorer 8 et versions antérieures d'IE Le navigateur ne le fait pas prend en charge la méthode ci-dessus. Nous pouvons utiliser le "HTML5 Enabling JavaScript", " shiv" créé par Sjoerd Visscher pour résoudre ce problème?:<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->Le code ci-dessus est un commentaire, qui est utilisé lorsque la version du navigateur IE est plus petit que IE9, lira le fichier html5.js et l'analysera. Remarque?: les utilisateurs nationaux doivent utiliser la bibliothèque de ressources statiques Baidu (la bibliothèque de ressources Google est instable en Chine)?:
<!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]-->html5shiv est une meilleure solution pour le navigateur IE. html5shiv résout principalement le problème selon lequel les nouveaux éléments proposés par HTML5 ne sont pas reconnus par IE6-8. Ces nouveaux éléments ne peuvent pas être utilisés comme n?uds parents pour envelopper des éléments enfants et les styles CSS ne peuvent pas être appliqués.
Solution Shiv parfaite
Exemple
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>shiv</title> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> </head> <body> <h1>文章標(biāo)題：簡單是一種方法</h1> <article> 橄欖樹嘲笑無花果樹說： “你的葉子到冬天時就落光了，光禿禿的樹枝可真難看，哪像我終 年翠綠，美麗無比。 ”不久，一場大雪降臨了，橄欖樹身上都是翠綠的葉子，雪堆積在上面， 最后由于重量太大把樹枝壓斷了， 橄欖樹的美麗也遭到了破壞。 而無花果樹由于葉子已經(jīng)落 盡了， 全身簡單，雪穿過樹枝落在地上， 結(jié)果無花果樹安然無恙。 外表的美麗不一定適應(yīng)環(huán) 境有時是一種負擔(dān)， 而且往往會因為生存帶來麻煩或災(zāi)難。 相反， 平平常常倒能活得自由自 在。所以， 不如放下你外表虛榮的美麗， 或者是不實的身份和地位，踏踏實實地去體會真實 簡單的生活，相信這樣你將獲得更多的樂趣。 </article> </body> </html>
