Maison >interface Web >tutoriel HTML >Quelle est la différence entre src et href
src et href ont des utilisations différentes, des balises différentes, des méthodes de chargement différentes, des impacts différents sur les documents et des options différentes. Introduction détaillée : 1. src est utilisé pour spécifier l'adresse des ressources externes, et href est utilisé pour spécifier l'adresse de la ressource cible du lien hypertexte ; 2. src est généralement utilisé pour les balises img, les balises de script, les balises audio, les balises vidéo ; , etc., et les attributs href sont généralement utilisés pour une balise, une balise de lien, une directive @import, etc. 3. La ressource pointée par l'attribut src sera immédiatement chargée et analysée par le navigateur, etc.
Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur Dell G3.
src et href sont deux attributs couramment utilisés pour référencer des ressources externes dans les documents HTML et XML. Bien qu’ils fassent des choses similaires, il existe certaines différences d’utilisation et de fonctionnalité.
Différentes utilisations :
L'attribut src (source) est utilisé pour spécifier l'adresse de ressources externes, généralement utilisées pour introduire des fichiers de script, des fichiers image, des fichiers audio, des fichiers vidéo, etc. Il indique au navigateur d'intégrer des ressources externes dans le document actuel. L'attribut
href (référence hypertexte) est utilisé pour spécifier l'adresse de la ressource cible du lien hypertexte. Il est généralement utilisé pour créer des liens vers d'autres documents HTML, feuilles de style, fichiers de polices, fichiers ICO, etc.
Différentes balises :
Les attributs src sont généralement utilisés dans les balises img, les balises de script, les balises audio, les balises vidéo, etc., pour introduire les ressources correspondantes. L'attribut
href est généralement utilisé dans une balise, une balise de lien et une directive @import, etc. pour créer des liens.
Les méthodes de chargement sont différentes :
La ressource pointée par l'attribut src sera chargée et analysée immédiatement par le navigateur. Pendant le processus de chargement, le navigateur suspendra le chargement des autres ressources et le rendu des documents jusqu'à ce que la ressource soit téléchargée et exécutée.
La ressource pointée par l'attribut href est chargée de manière asynchrone lors du chargement du document et ne bloquera pas le rendu du document. Le navigateur charge plusieurs ressources en parallèle et continue à restituer le document.
Différences d'impact sur les documents :
L'attribut src a un impact direct sur la structure et le contenu du document. Par exemple, la ressource image spécifiée par l'attribut src de la balise img occupera la position correspondante dans le document. Les attributs
href n'ont aucun impact direct sur la structure et le contenu du document. Par exemple, la feuille de style spécifiée par l'attribut href de la balise link modifiera le style du document via les règles CSS.
Différentes options :
L'attribut src est requis. Si l'attribut src n'est pas spécifié, le navigateur considérera la balise comme invalide.
L'attribut href est facultatif. Si l'attribut href n'est pas spécifié, la balise est toujours valide.
En résumé, src est principalement utilisé pour spécifier l'adresse des ressources externes à intégrer, tandis que href est principalement utilisé pour créer des hyperliens vers les adresses d'autres ressources. src charge les ressources immédiatement et affecte la structure et le contenu du document, tandis que href charge les ressources de manière asynchrone et n'a aucun impact direct sur la structure et le contenu du document. Comprendre les différences entre src et href est important pour les utiliser correctement et optimiser les performances des pages Web.
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!