Une brève discussion sur ce que sont scr et href en HTML ? Quelle est la différence entre scr et href ?

Que sont scr et href en HTML ? Quelle est la différence entre scr et href ? Cet article vous présentera la différence entre scr et href en HTML, afin que tout le monde puisse comprendre ce que sont src et href, afin que tout le monde puisse bien distinguer scr et href. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

Lors de l'écriture du code, nous confondons souvent les deux attributs scr et href, et nous ne pouvons pas les distinguer ; jetons ensuite un œil aux deux attributs scr et href, puis examinons le code HTML ; Quelle est la différence entre src et href ?

Qu'est-ce que src en HTML ?

src est l'abréviation de source, qui représente une référence à un fichier externe et représente l'emplacement pointant vers une ressource externe. Le contenu pointé sera appliqué à l'emplacement de la balise actuelle dans le document. (en termes simples : le but est de charger le fichier référencé à l'emplacement spécifié de la page html).

L'attribut src est un élément indispensable du contenu de la page et est couramment utilisé dans des éléments tels que les scripts js, les images img et les frames. Par exemple :

<script src="script.js"></script> 
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

<img src="2.png" />
<img src="https://apps.bdimg.com/img/2.png" />

Qu'est-ce que href en html ?

href est l'abréviation de Hypertext Reference, qui représente une référence hypertexte. Elle représente l'emplacement d'une ressource réseau et établit un lien vers l'élément actuel (ancre) ou le document actuel auquel elle est liée. la page. Une relation directe est une relation liée.

Les plus couramment utilisés sont : lien, a. Par exemple :

<link href="reset.css" rel=”stylesheet“/>

<a href="https://www.php.cn/"></a>

Quelle est la différence entre src et href en html ?

1. Différences dans les types de ressources de requête

(1) Lors de la demande de ressources src, les ressources pointées seront téléchargées et appliquées au document, telles que les scripts js. , img picture, frame;

(2) href indique l'emplacement de la ressource réseau, qui est utilisée pour établir une connexion avec l'élément actuel ou le document actuel.

2. La différence entre les résultats

(1) attribut src : utilisé pour remplacer le contenu actuel

(2) attribut href : utilisé dans le document actuel et ; Établir des connexions entre les ressources référencées ;

3. Différences dans les méthodes d'analyse du navigateur

(1) Lorsque le navigateur analyse 05e374e8f430b1788ed4e60a0169e458Lorsque vous lisez cette phrase, le téléchargement et le traitement des autres ressources seront suspendus jusqu'à ce que la ressource soit chargée, compilée et exécutée. Il en va de même pour les images et les cadres, ce qui est similaire à l'application de la ressource pointée. au contenu actuel. C'est pourquoi il est recommandé de placer les scripts js en bas plutôt qu'en tête.

Pièce jointe : Si vous mettez js dans le head, vous devez utiliser src pour introduire les fichiers js externes. Si vous utilisez l'attribut defer="defer", il attendra que le document html soit chargé avant d'exécuter le. js, mais l'attribut defer ne peut être utilisé que dans le navigateur IE.

(2) Si vous ajoutez la phrase 1ec985cacd9314b8d0cdd8004d0f1e84 au document, le navigateur reconnaîtra le document comme CSS fichier, les ressources seront téléchargées en parallèle sans arrêter le traitement du document en cours. C'est pourquoi il est recommandé d'utiliser la méthode link pour charger CSS au lieu d'utiliser la méthode @import.

Résumé : Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun. Pour plus de didacticiels connexes, veuillez visiter le didacticiel vidéo HTML , didacticiel vidéo de base CSS , didacticiel bootstrap  !

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!