Introduction à l'HTML5

HTML5 nous permet d'accéder à des nouvelles API , aussi l'accès à des éléments HTML qui peuvent décrire une page web avec plus de précision.

Exemples:
  • Avez- vous utiliser un div pour un article ? Bien sûre oui;
>> Maintenant, vous pouvez utiliser la balise <article> pour des articles (plus approprié).
  • Qu'en est-il le pied de page de votre site web , où mettez-vous votre informations de copyright et d'autres liens ? 
>> Avec HTML5, vous peut utiliser la balise <footer> (bien nommé).
Introduction-HTML5

Eléments à supprimer :

Nous allons apprendre ce qui peut être retiré à nos page HTML en toute sécurité !

Structure d'une page HTML4:
<DOCTYPE HTML PUBLIC "- //W3C/ / DTD HTML 4.01 Transitional//EN" "
 http://www.w3.org/TR/html4/loose.dtd ">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  <title> Titre </ title>
  <link rel="stylesheet" type="text/css" href="style.css" />
  <script type="text/javascript" src="script.js"> </ script>
</head>
<body>
  // La suite
</body>
</html>
Il n'ya rien de particulièrement avec le code ci-dessus. Mais, Il ya bien quelques morceaux inutiles, qui peuvent facilement être enlevés.

Commençons par le haut:

DOCTYPE:

Tout d'abord, nous avons ce DOCTYPE.

<DOCTYPE HTML PUBLIC "- //W3C/ / DTD HTML 4.01 Transitional//EN" "
/ http://www.w3.org/TR/html4/loose.dtd ">

Savez-vous : vous n'avez jamais mémorisé cela :). Maintenant, nous pouvons utiliser une version beaucoup plus courte et plus simple.

<!DOCTYPE html>

C'est simple. En plus, tous les navigateurs peut connaître cette DOCTYPE , même que la version du navigateur prend en charge HTML5 ou non.
Vous pouvez l'utiliser en toute confiance dans vos projets.

Prenons aussi ce code:
<!DOCTYPE html public '' >

Vous voyez les guillemets après public? C'est votre espace :). Écrivez ce que vous voulez - le navigateur ne se soucie pas.

META:

Ensuite, nous arrivons à une autre longue chaîne : la balise <meta>. C'est là où on déclare l'encodage du document.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Nous allons remplacer tout avec quelque chose simple.

<meta charset="utf-8">

Encore une fois, nous pouvons sûrement l'utiliser dans tous les navigateurs actuels.

SCRIPTES ET LIEN TYPES:

<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="script.js"> </ script>

Lorsque vous référencez les feuilles de style et des scripts, nous pouvons retirer type = "text/css" et type = "script/javascript", Ce sont les types de défaut.

<link rel="stylesheet" href="style.css">
<script src="script.js">

Et avec ce dernier changement, notre exemple balisage HTML5 ressembler à ceci:

<! DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title> Titre </ title>
  <link rel="stylesheet" href="style.css">
  <script src="script.js"> </ script>
</ head>
<body>
  // La suite
</ body>
</ html>
Partager!

Enregistrer un commentaire