Maison > interface Web > tutoriel HTML > Perte de poids HTML, balises HTML rationalisées pour créer des pages Web_HTML/Xhtml_production de pages Web

Perte de poids HTML, balises HTML rationalisées pour créer des pages Web_HTML/Xhtml_production de pages Web

WBOY
Libérer: 2016-05-16 16:42:43
original
1439 Les gens l'ont consulté

HTML4

HTML (pas XHTML), le type MIME est text/html, permettant d'omettre certaines balises. Avec HTML 4 DTD, vous pouvez omettre les balises suivantes (ces éléments dits évitables sont marqués ici par barré)

<code><del><font face="Consolas" size="2"></area></font></del></code>
Copier après la connexion
<code><del><font face="Consolas" size="2"></base></font></del></code>
Copier après la connexion
<code><font face="Consolas" size="2"><body></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"></body></font></code>
Copier après la connexion
<code><del><font face="Consolas" size="2"></br></font></del></code>
Copier après la connexion
<code><del><font face="Consolas" size="2"></col></font></del></code>
Copier après la connexion
<code><font face="Consolas" size="2"></colgroup></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"></dd></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"></dt></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"><head></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"></head></font></code>
Copier après la connexion
<code><del><font face="Consolas" size="2"></hr></font></del></code>
Copier après la connexion
<code><font face="Consolas" size="2"><html></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"></html></font></code>
Copier après la connexion
<code><del><font face="Consolas" size="2"></img></font></del></code>
Copier après la connexion
<code><del><font face="Consolas" size="2"></input></font></del></code>
Copier après la connexion
<code><font face="Consolas" size="2"></li></font></code>
Copier après la connexion
<code><del><font face="Consolas" size="2"></link></font></del></code>
Copier après la connexion
<code><del><font face="Consolas" size="2"></meta></font></del></code>
Copier après la connexion
<code><font face="Consolas" size="2"></option></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"></p></font></code>
Copier après la connexion
Copier après la connexion
<code><del><font face="Consolas" size="2"></param></font></del></code>
Copier après la connexion
<code><font face="Consolas" size="2"><tbody></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"></tbody></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"></td></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"></tfoot></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"></th></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"></thead></font></code>
Copier après la connexion
<code><font face="Consolas" size="2"></tr></font></code>
Copier après la connexion

Par exemple, votre code est

<code><font face="Consolas" size="2"><li>List item</li></font></code>
Copier après la connexion

peut s'écrire

<code><font face="Consolas" size="2"><li>List item</font></code>
Copier après la connexion

Un autre exemple est qu'un paragraphe doit se terminer par

<code><font face="Consolas" size="2"></p></font></code>
Copier après la connexion
Copier après la connexion

À la fin, vous pouvez simplement écrire

<code><font face="Consolas" size="2"><p>My paragraph</font></code>
Copier après la connexion

Vous pouvez même supprimer le HTML, la tête et le corps (assurez-vous que cela vous convient avant de l'adopter comme norme de codage).

Après avoir omis la balise, le HTML est toujours valide et la taille du fichier est réduite. Pour les pages typiques, vous pouvez économiser 5 à 20 %.

HTML5

Le développement continu de HTML 5 propose des moyens de réduire la taille des fichiers.

Par exemple, déclaration de type de document de page

<code><font face="Consolas" size="2"><!DOCTYPE html></font></code>
Copier après la connexion

Comparaison

<code><font face="Consolas" size="2"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></font></code>
Copier après la connexion

Apparemment, la DTD de HTML 5 est plus courte.

HTML 5 est plus simple à utiliser et plus court lors de la spécification de l'encodage de la page :

<code><font face="Consolas" size="2"><meta charset="utf-8"></font></code>
Copier après la connexion

remplace

<code><font face="Consolas" size="2"><meta http-equiv="content-type" content="text/html; charset=utf-8"></font></code>
Copier après la connexion

Normalement, les navigateurs gèrent correctement le HTML.

De plus, dans le HTML 5 actuel, vous pouvez supprimer l'attribut type qui déclare les types MIME, tels que

<code><font face="Consolas" size="2">type="text/css"</font></code>
Copier après la connexion
Copier après la connexion
ou
<code><font face="Consolas" size="2">type="text/javascript"</font></code>
Copier après la connexion

Vous pouvez utiliser

<code><font face="Consolas" size="2"><script></font></code>
Copier après la connexion
remplaçant
<code><font face="Consolas" size="2"><script type="text/javascript"></font></code>
Copier après la connexion
utiliser
<code><font face="Consolas" size="2"><style></font></code>
Copier après la connexion
remplaçant
<code><font face="Consolas" size="2"><style type="text/css"></font></code>
Copier après la connexion

Dans tous les types de pages (même XHTHML) vous pouvez omettre

<code><font face="Consolas" size="2">type="text/css"</font></code>
Copier après la connexion
Copier après la connexion

HTML 5 facilite les choses.

L'utilisation simultanée de toutes les méthodes ci-dessus entraînera une économie de fichiers de 10 à 20 % (voire plus), en fonction de votre style de codage et de la quantité de contenu textuel dans la page. Le code sera plus propre et les visiteurs obtiendront le contenu du site Web plus rapidement. Nous utilisons plusieurs de ces techniques dans le projet Privacy Center, économisant ainsi 20 % de la taille du fichier d'origine.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal