html 5 questions d'entretien courantes-tutoriel HTML-php.cn

1. Éléments courants au niveau du bloc Élément en ligne p - l'élément au niveau du bloc le plus couramment utilisé dl - élément au niveau du bloc utilisé avec le formulaire dt-dd - formulaire interactif h1 -h6- title hr - ligne de séparation horizontale ol – Ordonné list p - paragraphe ul - liste non ordonnée groupset - ensemble de champs de formulaire colgroup-col - élément de regroupement de colonnes de formulaire table-tr-td tableau et cellule de ligne texte pré-formaté a - lien hypertexte (ancre) br - saut de ligne i - em italique - accent img - entrée d'image - étiquette de la zone de saisie - étendue de l'étiquette du formulaire - conteneur en ligne couramment utilisé, définissant des blocs de texte forts - indice d'accentuation gras - indice sup - zone de texte en exposant - zone de saisie de texte multiligne u - Sélection de soulignement - Sélection de projet 2. Plusieurs Les conditions pour réaliser trois points de texte text-overflow l'attribut sont uniquement : s'il faut afficher une marque d'omission lorsque le texte déborde, et n'a pas autre Définition des attributs de style pour atteindre le. effet de produire une ellipse en cas de débordement, vous devez définir :
1. Largeur du conteneur : largeur : valeur (px, %, les deux sont acceptables)
Texte obligatoire Afficher en un. line: white-space : nowrap;
3. Le contenu du débordement est masqué : overflow: Hidden;
4. Le texte du débordement affiche des points de suspension : text-overflow: ellipsis; il doit y avoir une seule ligne de texte pour définir le débordement de cet article ! ! !

IE6+;
chrome1.0+; safari3.1+ (firefox, opera ne sont pas encore pris en charge)
3. 🎜>Pour qu'un élément soit centré verticalement dans un conteneur, vous devez modifier la valeur de l'attribut
display
par défaut en inline-block
et ajouter un élément frère (règle) (élément frère [règle] style Réglé sur vertical-align:middle;width:0;
height:100%;display:inline-block;). Trois conditions : 1 : Le conteneur (élément parent) doit être ajouté avec
text-align
:center
2 : L'élément actuel doit être converti en un inline; block element (display:inline-block;) Ajoutez ensuite vertical-align:middle;3 à l'élément actuel : ajoutez l'élément frère span après l'élément actuel (sans retour chariot et effectuez un alignement vertical sur span ); middle;width:0;height:100%;display:inline-block
4. Éléments de remplacement et éléments de non-remplacement

Éléments de remplacement et éléments de non-remplacement

a) Éléments de remplacement : le navigateur détermine le contenu d'affichage spécifique de l'élément en fonction de ses balises et de ses attributs. Par exemple : le navigateur lira les informations sur l'image et les affichera en fonction de la valeur de l'attribut src de la balise , mais si vous affichez le code (x)html, vous ne pouvez pas voir le contenu réel de l'image ; le type de la balise Les attributs déterminent s'il faut afficher une zone de saisie ou un
bouton radio
, etc. (x), ,

, <select> en HTML sont tous des éléments de remplacement. Ces éléments n’ont souvent pas de contenu réel, c’est-à-dire qu’ils sont vides. <br><a href="http://www.php.cn/code/5979.html" target="_blank">L'élément de remplacement génère une boîte dans son affichage, c'est pourquoi certains éléments en ligne (img, input) peuvent définir la largeur et la hauteur. </a><br>b) Éléments non remplaçables (éléments non remplaçables) : (x) La plupart des éléments HTML sont des éléments non remplaçables, c'est-à-dire que leur contenu est directement affiché à l'utilisateur (comme un navigateur). <br><br>5. Qu'est-ce qu'une carte de sprite ? Quels sont les avantages ? <br><br>Intégration d'images, intégrez de petites images d'arrière-plan uniques dans une grande image d'arrière-plan. <br><br>Avantages de l'intégration d'images : 1) Réduisez le nombre de requêtes au serveur grâce à l'intégration d'images, améliorant ainsi la vitesse de chargement des pages. 2) Réduisez la taille des images en les intégrant. <br><br>6. Qu'est-ce que la feuille de style <br>css en cascade <br> ? <br>Priorité<a href="http://www.php.cn/code/5005.html" target="_blank">Comment l'algorithme est-il calculé ? </a><a href="http://www.php.cn/code/6066.html" target="_blank">a. L'ordre de priorité d'importance et de source de bas en haut est : </a>1) Style par défaut du navigateur <br>2) <br>class<br>/id.... Poids du sélecteur <br>3) Style en ligne <a href="http://www.php.cn/wiki/164.html" target="_blank">4) En ligne ou externe (ordre d'écriture) </a>5) !important le plus élevé <br><br><br>7. La différence entre display:none et <a href="http://www.php.cn/wiki/929.html" target="_blank">visibility</a>:hidden<br><br>Le premier : caché mais ne prend pas de place ; le second : caché mais prend de la place<br><br>8 . <a href="http://www.php.cn/code/6337.html" target="_blank">Effacer float</a><br>hack1 : ajouter la déclaration overflow:hidden à l'élément parent ;<br><br>hack2 : ajouter de la hauteur à l'élément parent<br><br>hack3 : ajoutez un espace sous l'élément flottant p et ajoutez la déclaration à l'élément : p{<br>clear<a href="http://www.php.cn/wiki/917.html" target="_blank">:both; overflow:hidden;}</a><br>hack4: universal clear méthode float p<br>:after<a href="http://www.php.cn/wiki/978.html" target="_blank">{content:“.”;clear:both;display:block;height:0;overflow:hidden; être </a>hérité<br> ? <br><a href="http://www.php.cn/code/6064.html" target="_blank">1) Texte lié : </a>font-family<br>, <br>font-size<a href="http://www.php.cn/wiki/804.html" target="_blank">, </a>font-style<a href="http://www.php.cn/wiki/807.html" target="_blank">, </a>font-variant<a href="http://www.php.cn/wiki/826.html" target="_blank"> , </a>font-weight<a href="http://www.php.cn/wiki/862.html" target="_blank">, police, </a>espacement des lettres<a href="http://www.php.cn/wiki/858.html" target="_blank">, </a>hauteur de la ligne<a href="http://www.php.cn/wiki/865.html" target="_blank">, alignement du texte, </a>indentation du texte<a href="http://www.php.cn/wiki/864.html" target="_blank">, </a> text-transform<a href="http://www.php.cn/wiki/867.html" target="_blank">, </a>word-spacing<a href="http://www.php.cn/wiki/863.html" target="_blank"></a>2) Liste associée : <a href="http://www.php.cn/wiki/866.html" target="_blank">list-style</a>-image, <br>list-style-position<a href="http://www.php.cn/wiki/954.html" target="_blank">, </a>list-style-type<a href="http://www.php.cn/wiki/955.html" target="_blank">, list-style</a>3) Couleur liée : couleur<a href="http://www.php.cn/wiki/956.html" target="_blank">4) Transparence (les éléments enfants hériteront de l'opacité de l'élément ancêtre, mais ne pourront pas être modifiés)</a>Remarque : font-size Ce qui est hérité est la taille de l'élément parent, pas la proportion. line-height Lorsque l'élément parent est un pourcentage ou une valeur px, l'élément enfant est le même que l'élément parent. Lorsque l'élément parent est normal ou un nombre, la hauteur de ligne de l'élément enfant est la taille de la police de l'enfant. élément multiplié par le nombre. <br><br>10. Méthode de positionnement <br><br>valeur de l'attribut de position : <br>statique<br>, relative, absolue, fixe<br>1) statique<a href="http://www.php.cn/wiki/188.html" target="_blank">statique est la valeur par défaut, et le L'élément se trouve Dans le flux de documents, il s'affiche normalement, en ignorant les attributs </a>top<br>, <br>bottom<a href="http://www.php.cn/wiki/904.html" target="_blank">, </a>left<a href="http://www.php.cn/wiki/906.html" target="_blank"> et </a>right<a href="http://www.php.cn/wiki/907.html" target="_blank"> de l'élément élément. L'attribut </a>z-index<a href="http://www.php.cn/wiki/905.html" target="_blank"> est toujours 0.</a>2) relatif<a href="http://www.php.cn/wiki/903.html" target="_blank"> positionnement relatif, conservant la position et la taille occupées par l'élément dans le flux de documents, déterminé par la gauche/droite/haut/ attributs du bas Distance de déplacement relative, la position d'origine est conservée</a>3) absolue<br><br>Positionnement absolu<br>, séparez l'<br>objet<a href="http://www.php.cn/code/6074.html" target="_blank"> du flux de documents, utilisez gauche/droite/haut/ bottom Les autres attributs sont positionnés de manière absolue par rapport à l'élément parent le plus proche avec des paramètres de positionnement ; sinon, ils sont basés sur l'objet corps </a> 4) fixe <a href="http://www.php.cn/wiki/60.html" target="_blank"> fixe est similaire à absolu, mais il est relatif au coin supérieur gauche coin de la fenêtre. Ne suivra pas le défilement du document. Mais s’il s’agit d’une page multi-frame, c’est par rapport au coin supérieur gauche du cadre, et non au coin supérieur gauche du navigateur. </a><br>11. Quelle est la différence entre lien et @import ? <br><br>1. La différence entre les ancêtres. Link appartient à la balise X<br>HTML<br>, et @import est entièrement une méthode fournie par CSS. <br><a href="http://www.php.cn/code/427.html" target="_blank">2. En plus de charger du CSS, la balise de lien peut également faire bien d'autres choses, comme définir </a>RSS<br>, définir les attributs de connexion rel, etc. @import ne peut charger que du CSS<br>3. La différence dans l’ordre de chargement. Lorsqu'une page est chargée (c'est-à-dire lorsqu'elle est visualisée par un spectateur), le CSS référencé par link<a href="http://www.php.cn/wiki/1541.html" target="_blank"></a> sera chargé en même temps, tandis que le CSS référencé par @import attendra que la page soit complètement téléchargée avant d'être chargé. Alors parfois, en parcourant la page où @import charge le CSS, il n'y aura pas de style (il scintille juste) <br><br> 4. Différence de compatibilité. Puisque @import a été proposé par CSS2.1, les anciens navigateurs ne le supportent pas. @import ne peut être reconnu que par IE5 ou supérieur, mais la balise link n'a pas ce problème <a href="http://www.php.cn/wiki/231.html" target="_blank"></a> 5. La différence lors de l'utilisation de dom. pour contrôler le style. Lorsque <br> utilise javascript <br> pour contrôler le dom afin de changer le style, vous ne pouvez utiliser que la balise de lien, car @import n'est pas contrôlable par le dom <br><br><a href="http://www.php.cn/code/7565.html" target="_blank">12. Quelles sont les valeurs des attributs de positionnement ? Est-ce que chacun en vaut la peine ? <br><br>La fonction de chaque valeur d'attribut : <br><br>statique : valeur par défaut. Un élément dont la position est définie sur static s'affiche normalement, toujours à la position donnée par le flux de documents (les éléments statiques ignorent les déclarations haut, bas, gauche ou droite). <br><br>absolu : positionnement absolu par rapport à l'élément parent, s flotte hors du flux de mise en page, il n'occupe pas d'espace, c'est ce que nous appelons un calque, sa position est relative à l'élément parent positionné le plus proche Position, vous pouvez directement spécifier les attributs "left", "top", "right" et "bottom". Si le parent n'est pas positionné, le HTML (élément racine) sera utilisé. (Ordre d'empilement z-index : valeur) <br><br>relatif : il s'agit d'un positionnement décalé par rapport à la position par défaut. Il peut être déplacé vers une position par rapport à sa position normale en définissant les valeurs gauche, haut, droite et. valeurs inférieures. (Mouvement par rapport à sa propre position de départ, [ne perturbera pas le flux de mise en page normal] <br><br>fixe : positionnement absolu par rapport au navigateur, positionnement par rapport aux coordonnées spécifiées de la fenêtre du navigateur. La position de cet élément peut être spécifié par les attributs "left", "top", "right" et "bottom". L'élément restera dans cette position, que la fenêtre défile ou non <br><br>13. html5. </a><a href="http://www.php.cn/php/php-tp-append.html" target="_blank">Ajout de 15 nouvelles balises pour </a><br><br><a href="http://www.php.cn/html/html-HEAD-2.html" target="_blank">head</a>er nav footer <a href="http://www.php.cn/wiki/646.html" target="_blank">main</a> à côté de l'article section figure datalist vidéo audio fieldest légende étiquette légende<br> <br>14. 1. Qu'est-ce que BFC ? Comment est-il généré ? <br><br>1. Contexte de formatage au niveau du bloc<br>2. margin<a href="http://www.php.cn/wiki/931.html" target="_blank">Chevauchement (mis dans deux BFC) </a>3. Élément racine, <br>float<a href="http://www.php.cn/wiki/919.html" target="_blank"> l'attribut n'est pas nul, la position est absolue ou fixe, l'affichage est en ligne-bloc, table-cell, table-caption , flex, inline-flex, overflow ne sont pas visibles</a><br><br>15 La différence entre .px, em, rem, pt<br><br>1) px est en fait un pixel, utilisez px pour définir la police Lorsque la taille est grande, elle est relativement stable et précise <br> Cependant, il y a un problème avec cette méthode lorsque l'utilisateur navigue sur la page Web que nous avons créée dans le navigateur, si le navigateur est zoomé, notre site Web <.> La mise en page <br> est cassée. Par conséquent, il a été proposé d'utiliser « em » pour définir la police de la page Web. <a href="http://www.php.cn/code/7955.html" target="_blank">2) em met à l'échelle la taille de la police en fonction de la ligne de base </a>em définit la taille de la police par rapport à son élément parent, il y aura donc un problème pour définir n'importe quel élément, vous devrez peut-être connaître son élément parent. size <br>3) rem est affiché par rapport à la taille de la police de l'élément racine <br>rem est relatif à l'élément racine <html>, ce qui signifie qu'il suffit de déterminer une valeur de référence dans l'élément racine <br> 4) La taille du pt est égale à 1/72 de 1 pouce<br>Point : C'est une unité de mesure pour le texte<br>Cette méthode de mesure vient du milieu de l'impression et est la plus adaptée aux médias, mais il est également largement utilisé Moniteur<br><br>16 Quelles sont les méthodes pour réaliser un centrage vertical + horizontal ? <br><br>1. p{largeur:200px;hauteur:200px;<br>arrière-plan<br>:#f00;position:fixe;gauche:0;droite:0;haut:0;bas:0;marge :auto;}<a href="http://www.php.cn/wiki/892.html" target="_blank"></a>2. p{largeur:200px;hauteur:200px;arrière-plan:#f00;position:fixe;gauche:50%;haut:50%;marge:-100px 0 0 -100px; ><br><br>17. Amélioration progressive et dégradation gracieuse<br><br>Amélioration progressive : créez des pages pour les navigateurs de version basse pour garantir les fonctions les plus élémentaires, puis effectuez des effets et des interactions pour les navigateurs avancés. Attendez des améliorations et fonctions supplémentaires pour obtenir une meilleure expérience utilisateur. <br><br>Dégradation gracieuse : créez des fonctions complètes depuis le début, puis rendez-les compatibles avec les navigateurs de versions inférieures<br><br><br>18. Que sont les sélecteurs CSS ? <br><br>1) Sélecteur de caractère générique *<br>2) Sélecteur de type/sélecteur d'élément a<br>3) Entrée du sélecteur d'attribut[type="button"]4) Sélecteur contenant p .code a<br>5) Sélecteur de sous-objet                                                                                                                                                                a <br> 9) <br> pseudo-classe <br> et pseudo-objets p<br>:première lettre<br> a<br>:hover<a href="http://www.php.cn/code/6014.html" target="_blank"></a>10) Adjacent sélecteurs li+li<a href="http://www.php.cn/wiki/970.html" target="_blank"> </a>19. La différence entre animation et transition <a href="http://www.php.cn/wiki/966.html" target="_blank">Le même point : ils changent tous les deux la valeur d'attribut de l'élément au fil du temps. </a><br>La différence : la transition doit déclencher un <a href="http://www.php.cn/php/php-tp-incident.html" target="_blank"> événement </a> (événement de survol ou événement de clic, etc.) avant de pouvoir modifier ses <br><br>l'animation CSS peut également être utilisée sans déclencher d'événements ; . Modifiez explicitement la valeur de l'attribut CSS de l'élément au fil du temps pour obtenir un effet <a href="http://www.php.cn/code/9595.html" target="_blank">animation</a>. L'animation CSS3 nécessite des valeurs d'attribut d'animation claires. <br><br>20. Quels sont le modèle <a href="http://www.php.cn/code/6444.html" target="_blank"> de boîte standard </a> et le modèle de boîte bizarre. La différence entre les deux, comment implémenter le modèle de boîte bizarre, et le modèle de boîte standard et le modèle <br><br> modèle de boîte standard : content+border+<a href="http://www.php.cn/wiki/948.html" target="_blank">padding</a>                         Lors du calcul de la largeur de la boîte, ajoutez une bordure et padding et l'autre n'ajoute pas <br><br>Implémentation du modèle de boîte étrange : box-sizing:border-box<br>Modèle de boîte standard : box-sizing:content-box<br> <br><br>21 . Comment centrer un élément vers le haut, le bas, la gauche et la droite dans l'élément parent <br><br>1.<br>css : <br>.box{display:flex;width:800px;height:<br>. " box"> 800px;height:800px;justify-content:center;align-items:center;}<br>html:<br><p class="box"><a href="http://www.php.cn/code/4221.html" target="_blank">  <p></ p></a></p><a href="http://www.php.cn/wiki/109.html" target="_blank"></a>22. Quels sont les formats couramment utilisés pour la vidéo et l'audio<br> : audio/ogg audio/mpeg<br><br>23. les attributs et valeurs d'attribut du <br>modèle de boîte flexible<br> (écrire au moins 6 attributs)<br><br>display:flex;<br>flex-<br>direction<br>:<br>justify-content:<br>align-items:<br>align-self:<br>align-content:<br>flex -wrap:<br><br>23. Présentez brièvement l'utilisation du dégradé linéaire, radial. dégradé et dégradé répété<a href="http://www.php.cn/code/6707.html" target="_blank"></a>Dégradé linéaire : gradient-linéaire()<a href="http://www.php.cn/code/6093.html" target="_blank">Dégradé radial : dégradé radial ()</a> Dégradé linéaire répétitif : dégradé linéaire répétitif()<br> Dégradé radial répétitif : Repeating-radial-gradient()<br><a href="http://www.php.cn/code/10723.html" target="_blank"> 24. Présentez brièvement l'utilisation de l'animation</a><br>L'animation se compose de deux parties : animation : nom de l'animation temps d'exécution de l'animation type d'animation temps de retard de l'animation numéro de répétition de l'animation direction de l'animation ; @<br>key<br>frames animation name<a href="http://www.php.cn/wiki/873.html" target="_blank"></a> 25. Les principaux attributs de css3D Et la valeur de l'attribut <br> 1. Profondeur de champ : perspactive:number; , puis définissez une valeur plus petite. Si vous souhaitez voir l'objet plus petit, définissez une valeur plus grande <br> <br>2. Stage 3D : transform-style:preserve-3d;<br><br>3. rotateZ() scaleZ()<br><br>26. Plusieurs attributs principaux en 2D<br><br>transform:translate() rotate() skew() scale()<br>transform-origin:<br><br>27. Présentez brièvement les attributs et les valeurs d'attribut de l'animation de transition<br><br>transition :Nom de l'attribut (vous pouvez utiliser <br>tous<br>) temps d'exécution de l'animation type d'animation temps de retard de l'animation <a href="http://www.php.cn/wiki/1051.html" target="_blank"></a>28. Nouvel <br>attribut background en CSS3 <br><br><br><br>background-origin<br> : background origin<br><br>background-clip<br> : background clipping <br><br>background-size<br> :<br>image d'arrière-plan<br>La taille<br>Voici les trois valeursde background-size<br><a href="http://www.php.cn/wiki/1483.html" target="_blank">length</a> spécifie la taille de l'image d'arrière-plan. La première valeur est la largeur, la deuxième valeur est la hauteur. <br><br>Pourcentage (%)<a href="http://www.php.cn/code/6021.html" target="_blank">Définissez la taille de l'image d'arrière-plan en pourcentage</a><br>couverture<br>Agrandissez l'image d'arrière-plan à une taille suffisamment grande pour que l'image d'arrière-plan recouvre complètement la zone d'arrière-plan <a href="http://www.php.cn/code/865.html" target="_blank"> </a><br><a href="http://www.php.cn/code/868.html" target="_blank">29. Écrivez les cœurs des cinq principaux navigateurs et leurs ouvrages représentatifs </a><br>*Trident : IE, Maxthon, Tencent, Theworld, 360 Browser <a href="http://www.php.cn/code/872.html" target="_blank"></a>*Gecko : : L'œuvre représentative Mozilla Firefox est open source <a href="http://www.php.cn/code/8294.html" target="_blank"></a>*Webkit : L'œuvre représentative Safari et Chrome sont un projet open source. <br><br>*Presto : ouvrage représentatif d'Opera, Presto est un moteur de mise en page de navigateur développé par Opera Software. Il est également reconnu comme le moteur de rendu le plus rapide au monde. <br><br>*Blink : moteur de présentation de navigateur développé par Google et Opera Software, sorti en avril 2013. <br><br>30. Notez plusieurs bugs et solutions courants dans IE6 (au moins 4) <br><br>1) L'image a une bordure Solution BUG : ajoutez border:0 ou border:0 à l'image ; none;<br><br>2. Double direction flottante (double marge) Solution : display : inline<br><br>3. Hauteur par défaut (IE6, IE7) Solution : Ajouter une déclaration à l'élément : font-size :0 ; Option 2 : ajoutez une instruction à l'élément : overflow:hidden;<br><br>4. Les tailles par défaut des éléments de bouton sont différentes. Option : utilisez une balise pour simuler les <br><br>31 d'IE. filtre <a href="http://www.php.cn/code/120.html" target="_blank">Quels sont-ils ? </a><br>1. _ Filtre d'attribut souligné <br>2.9 : reconnaissance de la version d'IE ; les autres navigateurs ne le reconnaissent pas. Syntaxe : sélecteur {attribut : valeur d'attribut 9 ;><br>3.</.></article><p>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!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Déclaration：</span><div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div></div></div><div class="nphpSytBox"><span>Article précédent：<a class="dBlack" title="méthode d'écriture de compatibilité avec les points de suspension multilignes CSS" href="https://m.php.cn/fr/faq/359949.html">méthode d'écriture de compatibilité avec les points de suspension multilignes CSS</a></span><span>Article suivant：<a class="dBlack" title="méthode d'écriture de compatibilité avec les points de suspension multilignes CSS" href="https://m.php.cn/fr/faq/359951.html">méthode d'écriture de compatibilité avec les points de suspension multilignes CSS</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="https://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle"
     style="display:block"
     data-ad-format="fluid"
     data-ad-layout-key="-6t+ed+2i-1n-4w"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="8966999616"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});
</script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/fr/faq/348757.html" title="Résumé des connaissances HTML" class="aBlack">Résumé des connaissances HTML</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348804.html" title="Comment apprendre le HTML rapidement" class="aBlack">Comment apprendre le HTML rapidement</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348873.html" title="La différence entre htmlxhtmlxml" class="aBlack">La différence entre htmlxhtmlxml</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348884.html" title="La différence entre les attributs src et href" class="aBlack">La différence entre les attributs src et href</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/fr/faq/348902.html" title="关于HTML5和CSS替换使用" class="aBlack">关于HTML5和CSS替换使用</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="5027754603"></ins><script>     (adsbygoogle = window.adsbygoogle || []).push({});
</script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p></div><div class="footermid"><a href="https://m.php.cn/fr/about/us.html">À propos de nous</a><a href="https://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="https://m.php.cn/fr/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p>                © php.cn All rights reserved
            </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) {
    var _times = times || -1, //100次
    _interval = interval || 20, //20毫秒每次
    _self = this,
    _selector = this.selector, //选择器
    _iIntervalID; //定时器id
    if( this.length ){ //如果已经获取到了，就直接执行函数
        func && func.call(this);
    } else {
        _iIntervalID = setInterval(function() {
            if(!_times) { //是0就退出
                clearInterval(_iIntervalID);
            }
            _times <= 0 || _times--; //如果是正数就 --

_self = $(_selector); //再次选择
            if( _self.length ) { //判断是否取到
                func && func.call(_self);
                clearInterval(_iIntervalID);
            }
        }, _interval);
    }
    return this;
}
$("table.syntaxhighlighter").wait(function() {
    $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>");
});
$(document).on("click", ".cnblogs_code_footer",function(){
      $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide();
});
$('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}});
</script></body></html>