Exemples:
- Avez- vous utiliser un div pour un article ? Bien sûre oui;
- Qu'en est-il le pied de page de votre site web , où mettez-vous votre informations de copyright et d'autres liens ?
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>
Enregistrer un commentaire