Maison >interface Web >tutoriel HTML >Que sont les éléments remplaçables ? (avec des exemples)

Que sont les éléments remplaçables ? (avec des exemples)

不言
不言avant
2019-04-02 11:16:292560parcourir

Le contenu de cet article porte sur que sont les éléments remplaçables ? (Avec des exemples), 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.

Récemment, j'ai accidentellement vu un ami dans une discussion de groupe publier une capture d'écran des questions d'entretien frontales de Toutiao. Il n'y avait qu'une seule question sur le HTML, comme suit :

Qu'est-ce qu'un élément remplaçable. ? et éléments non remplaçables, quelle est leur différence ? et donnez des exemples.

Les questions HTML de l'entretien frontal sont les moindres, et elles ne sont pas difficiles. Il n'y a que quelques questions qui doivent être répétées encore et encore. Nous avons déjà parlé de la sémantique HTML la plus classique, et aujourd'hui nous profiterons de cette occasion pour parler des éléments remplaçables.

Définition

Qu'est-ce qu'un élément remplaçable ? Comme son nom l’indique, c’est l’élément qui sera remplacé. (Rire gêné...

Par exemple, un élément remplaçable typique img :

<img src=xxx.jpg>

Nous n'avons rien écrit dans la balise img, donc son contenu Où est ça vient ?

le navigateur télécharge-t-il l'image donnée par l'attribut src et remplace la balise img par la ressource image, et le navigateur ne connaît pas la largeur et la hauteur de l'image avant le téléchargement, l'élément remplaçable est spécial, sa largeur et sa hauteur sont déterminées par son contenu chargé (bien sûr CSS peut remplacer son style)

Exemple

Utilisez également <. quelques exemples de balises> : img

<img src="https://avatars2.githubusercontent.com/u/17703242?s=460&v=4">
Si l'image est affichée sur la page, ce sera la largeur et la hauteur de l'image elle-même. Les éléments

également. support img et. width Attributs : height

<img width="80" height="80" src="https://avatars2.githubusercontent.com/u/17703242?s=460&v=4">
À ce stade, l'élément est affiché avec une largeur et une hauteur de 80 pixels

Si nous utilisons CSS pour le remplacer. style :

<.>L'affichage de cet élément est de 60 pixels
img {
  width: 60px;
  height: 60px;
}

Définition de MDN

Après avoir vu l'exemple ci-dessus, il le sera. être plus facile pour nous de comprendre les connaissances conceptuelles. L'effet de présentation de l'


élément remplaçable
(élément remplacé) n'est pas contrôlé par CSS. les objets externes, et le rendu de leur apparence n'est pas contrôlé par CSS , sont indépendants de CSS En termes simples, leur contenu n'est pas affecté par le style du document actuel et peut affecter la position de l'élément remplaçable. mais cela n'affectera pas le contenu de l'élément remplaçable lui-même.

Les éléments remplaçables typiques sont

<iframe> , et certains éléments ne sont traités comme des éléments remplaçables que dans des circonstances spécifiques, telles que comme <video> 🎜>【Recommandations associées : <embed>Tutoriel vidéo HTML<img><input>

.

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer