Cet article présente principalement la différence entre src et href en HTML et leur utilisation.
Dans notre processus de développement front-end, tout le monde doit être très familier avec src et href lorsqu'ils sont utilisés seuls, mais s'ils sont comparés ensemble, cela peut ne pas être expliqué clairement pendant un certain temps.
Et la question sur la différence entre src et href apparaît très fréquemment dans les questions d'entretien front-end.
Ci-dessous, nous allons vous présenter et résumer en détail La différence entre src et href.
1. href est l'abréviation de Référence, qui signifie référence hypertexte
href fait référence à l'emplacement de la ressource réseau, établie avec l'élément courant (ancre) ou document actuel (lien), utilisé pour les hyperliens.
est utilisé comme :
<a href="www.php.cn">www.php.cn</a>
ou
<link href="xx.css" rel="stylesheet"/>
etc.
2. src est l'abréviation de source. Indique l'introduction de la ressource
src pointe vers l'emplacement des ressources externes, et le contenu pointé sera intégré dans le document à l'emplacement de la balise actuelle
; lors de la demande de la ressource src, les ressources sont téléchargées et appliquées au document, telles que des scripts js, des images img, des cadres et d'autres éléments. .
Lorsque le navigateur analyse cet élément, il suspend le téléchargement et le traitement des autres ressources jusqu'à ce que la ressource soit chargée, compilée et exécutée. Il en va de même pour les éléments tels que les images et les cadres, ce qui est similaire à. intégrer la ressource pointée dans l’étiquette actuelle. C'est aussi pourquoi le script js est placé en bas au lieu de la tête.
Utilisation telle que :
<script src="js.js"></script>
ou
<img src="xx.jpg" />
, etc.
Remarque : src et href ne peuvent pas être remplacés les uns par les autres. On utilise src sur les éléments remplaçables, alors que href sert à établir une relation entre le document en question et la ressource externe.
Cet article porte sur la différence entre src et href J'espère qu'il sera utile aux amis dans le besoin !
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!