src peut-il apparaître en HTML5 ?

src peut apparaître en HTML5. src est l'attribut utilisé pour définir l'URL de mappage des éléments en HTML5 ; l'attribut src est l'abréviation de source en HTML5, ce qui signifie source. Il peut être utilisé comme URL de mappage des ressources multimédias du média. élément "HTNLDediaElement", par exemple "c3389b74a23931c025b0cab8dec76a8d", "33e21b023dcd0d95143d6a5726ffb946".

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

Attribut src HTML5

L'attribut src est l'abréviation de source, qui signifie source. Il est généralement utilisé comme URL de mappage de ressources multimédias de l'élément multimédia HTNLDediaElement. Exemples de chemins de ressources pour les images et les scripts :

<img src="image/demo.png">
<iframe src="inner.html">
<script src="demo.js"></script>

Le chargement des ressources multimédias par src est toujours bloquant et les autres ressources de la page seront suspendues pour le traitement. C'est l'une des raisons pour lesquelles la balise de script est généralement chargée à la fin du document.

Extension :

href est l'abréviation de Hypetext Reference, qui signifie référence hypertexte. Puisqu'il s'agit d'une ressource non média, une référence externe, c'est-à-dire une ressource qui n'a pas besoin d'être affichée sur la page, en cours de chargement. cette ressource est non bloquante. Exemple de lien et une balise :

<link rel="stylesheet" src="style/demo.css">
<a href="./demo">demo</a>

En résumé, src est le mappage du chemin de la ressource multimédia, qui bloque le chargement, et href est le lien hypertexte, qui est non bloquant.

Nous pouvons comprendre que les ressources multimédias doivent être réellement affichées sur la page. Ce sont de vraies données dans la structure DOM, elles bloqueront donc le chargement. Les hyperliens sont équivalents à un attribut et à une référence, et n'ont pas besoin d'être inclus. Les ressources réelles sont présentées sur la page, il n'est donc pas nécessaire de bloquer le chargement de la page.

Un problème à noter est que les scripts js ne sont pas des ressources multimédias et ne sont pas non plus des données requises par le DOM. Pourquoi les scripts js utilisent-ils src alors que css peuvent utiliser href ? En fait, c'est une décision prise au début de la conception. Peut-être que le concepteur pense que l'exécution du script js va changer la page, c'est-à-dire changer le DOM. Bien sûr, il doit être chargé avec la page. , alors que CSS n'est que le style de la page et ne changera pas le DOM, c'est-à-dire qu'il appartient à un lien hypertexte. De cette compréhension, nous savons que le fait que la page soit bloquée n'a rien à voir avec la taille de la ressource référencée, mais l'est. lié à la question de savoir si la page DOM est réellement modifiée.

(Partage vidéo d'apprentissage : tutoriel vidéo CSS, tutoriel vidéo HTML)

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!