Maison > Article > interface Web > Quel est le bon endroit pour référencer une feuille de style externe dans un document HTML
Quel est le bon endroit pour référencer une feuille de style externe dans un document HTML
- 青灯夜游original
- 2021-02-03 15:12:5717615parcourir
Le bon endroit pour référencer une feuille de style externe dans un document html est : la section "". Parce que le code du navigateur est analysé de haut en bas ; si vous mettez le CSS en bas, lorsque la vitesse du réseau est lente, le code html est chargé mais le CSS n'est pas chargé, ce qui fera que la page n'aura pas de style et sera difficile à lire, donc charger d'abord le style CSS peut laisser la page s'afficher normalement.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
L'endroit correct pour référencer une feuille de style externe dans un document HTML est : la section "<head>".
Pourquoi le CSS du lien externe doit-il inclure la partie d'en-tête <head> ?
Tout d'abord, la page entière est affichée à l'utilisateur via le processus d'analyse et de rendu HTML.
Le CSS du lien externe n'affectera pas l'analyse du HTML, mais il affectera le rendu du HTML, peu importe où il est placé.
Si vous mettez le css à la fin, le contenu du html peut être affiché immédiatement, mais cela bloquera le rendu du css dans la ligne html. [Tutoriel recommandé : Tutoriel vidéo CSS]
Cette stratégie du navigateur est en fait très judicieuse. Imaginez que sans cette stratégie, la page affichera d'abord un style CSS en ligne, puis attendra. le CSS Après le téléchargement, il a soudainement changé d'apparence. L'expérience utilisateur est extrêmement médiocre et le rendu est coûteux.
Si vous mettez le CSS en tête, le téléchargement et l'analyse du CSS peuvent être synchronisés avec l'analyse du HTML. Si vous le mettez à la fin, l'analyse du CSS prendra plus de temps. et le navigateur affichera d'abord une page sans style. La page sera rendue dans une page stylisée après le chargement du CSS, et la page clignotera évidemment.
Pour plus de connaissances sur la programmation informatique, veuillez visiter : Vidéo de programmation ! !
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!