Prise en charge du navigateur HTML5-tutoriel HTML-php.cn

Prise en charge du navigateur HTML5

(*-*)浩

Libérer： 2019-10-23 15:47:35

original

2421 Les gens l'ont consulté

Vous pouvez aider les anciens navigateurs à traiter le HTML5.

Prise en charge du navigateur HTML5

Prise en charge du navigateur HTML5

Tous les navigateurs modernes prennent en charge HTML5. (Apprentissage recommandé : Tutoriel HTML)

De plus, tous les navigateurs, anciens et nouveaux, traiteront automatiquement les éléments non reconnus comme des éléments en ligne.

Grâce à cela, vous pouvez aider les anciens navigateurs à gérer les éléments HTML « inconnus ».

Remarque : Vous pouvez même apprendre à Stone Age IE6 comment gérer les éléments HTML inconnus.

Définit les éléments HTML5 en tant qu'éléments de niveau bloc

HTML5 définit huit nouveaux éléments HTML sémantiques. Tous sont des éléments de niveau bloc.

Vous pouvez définir la propriété d'affichage CSS sur bloquer pour garantir un comportement correct dans les anciens navigateurs :

Exemple

header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

Copier après la connexion

HTML Ajout de nouveaux éléments

Vous pouvez ajouter n'importe quel nouvel élément au HTML via des astuces de navigateur :

Cet exemple ajoute un nouvel élément au HTML appelé , et définit le style d'affichage pour celui-ci :

Instance

<!DOCTYPE html>
<html>
<head>
  <title>Creating an HTML Element</title>
  <script>document.createElement("myHero")</script>
  <style>
  myHero {
    display: block;
    background-color: #ddd;
    padding: 50px;
    font-size: 30px;
  } 
  </style> 
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<myHero>My First Hero</myHero>
</body>
</html>

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!