Comment faire en sorte que IE prenne en charge les compétences du didacticiel HTML5_html5

De plus en plus de sites commencent à utiliser des balises HTML5, mais la situation actuelle est que de nombreuses personnes utilisent encore IE6, IE7 et IE8. Afin de permettre à tous les navigateurs d'avoir un accès normal, il existe deux solutions :

1. Créez plusieurs ensembles de modèles pour le site Web et utilisez le programme pour évaluer l'agent utilisateur afin d'afficher différents contenus pour différents navigateurs. utilisateurs. Page, par exemple : Youku.com.

2. Utilisez Javascript pour permettre aux navigateurs qui ne prennent pas en charge HTML5 de prendre en charge les balises HTML.

Une meilleure solution pour IE est html5shiv. htnl5shiv 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. Pour appliquer un style CSS à un élément inconnu, exécutez simplement document.createElement(elementName). html5shiv a été créé sur la base de ce principe.

L'utilisation de html5shiv est très simple Étant donné que IE9 prend en charge html5, il vous suffit d'ajouter le code suivant en tête de page :

Copiez le codeLe code est le suivant :

Hello

Menu

Section

article 1

article 2

The footer

提示：您可以先修改部分程式碼再執行

程式碼如下:

HTML5在預設情況下表現為內聯元素，對這些元素進行版面我們需要用CSS手把它們轉為塊狀元素，如下例：

複製程式碼

程式碼如下:


header, footer, nav, section, article {

display:block; }