Maison > interface Web > tutoriel HTML > Introduction détaillée à la production de pages HTML tag_HTML/Xhtml_Web

Introduction détaillée à la production de pages HTML tag_HTML/Xhtml_Web

WBOY
Libérer: 2016-05-16 16:36:35
original
2328 Les gens l'ont consulté

Il existe de nombreuses balises et éléments dans la partie d'en-tête HTML, qui impliquent le rendu des pages Web par le navigateur, le référencement, etc. Chaque noyau de navigateur et chaque fabricant de navigateur national ont leurs propres éléments de balise, ce qui entraîne de nombreuses différences. À l'ère de l'Internet mobile, la structure principale et les méta-éléments des terminaux mobiles sont encore plus importants. Comprendre la signification de chaque balise et rédiger une balise head qui répond à vos propres besoins est le but de cet article. Cet article est basé sur l'article de Yishi et fournit un résumé détaillé pour présenter la signification et les scénarios d'utilisation de chaque balise et élément dans les en-têtes couramment utilisés.

DOCTYPE

DOCTYPE (Document Type), cette déclaration est située à l'avant du document, avant la balise html. Cette balise indique au navigateur de quel type il s'agit. HTML utilisé par le document. Ou la spécification XHTML.

La déclaration DTD (Document Type Definition) commence par , n'est pas sensible à la casse et n'a aucun contenu devant. S'il y a d'autres contenus (sauf des espaces), le navigateur ouvrira un étrange. Le mode sous IE (mode bizarreries) restitue les pages Web. DTD publique, le format du nom est enregistrement // organisation // balise de type // langue, l'enregistrement indique si l'organisation est enregistrée par l'Organisation internationale de normalisation (ISO), indiquant oui, - indiquant non. Organisation est le nom de l'organisation, tel que : W3C. Le type est généralement DTD. Une balise spécifie une description du texte public, c'est-à-dire un nom descriptif unique pour le texte public référencé, qui peut être suivi d'un numéro de version. La langue finale est l'identifiant de langue ISO 639 de la langue DTD, tel que : EN pour l'anglais, ZH pour le chinois. XHTML 1.0 peut déclarer trois types de DTD. Représente respectivement la version stricte, la version de transition et le document HTML basé sur un cadre.

QuantityHTML 4.01 strict

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. >
●HTML 4.01 Transitionnel

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. > 
●Ensemble de cadres HTML 4.01

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. > 
●Le dernier HTML5 introduit une écriture plus concise, qui est compatible vers l'avant et vers l'arrière, et dont l'utilisation est recommandée.

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. >

Le doctype a deux objectifs principaux en HTML.

● Vérifier la validité des documents.

Il indique à l'agent utilisateur et au validateur selon quelle DTD ce document est écrit. Cette action est passive. Chaque fois que la page est chargée, le navigateur ne télécharge pas la DTD et ne vérifie pas la validité. Elle n'est activée que lorsque la page est vérifiée manuellement.

Quantity Déterminer le mode de rendu du navigateur

Pour les opérations réelles, indiquez au navigateur quel algorithme d'analyse utiliser lors de la lecture du document. S'il n'est pas écrit, le navigateur analysera le code selon ses propres règles, ce qui peut sérieusement affecter la présentation HTML. Les navigateurs disposent de trois méthodes pour analyser les documents HTML.

● Mode non étrange (standard)
● Mode étrange
● Mode partiellement étrange (presque standard) À propos du mode document du navigateur IE, du mode navigateur, du mode strict, du mode étrange, de la balise DOCTYPE, vous pouvez en savoir plus Mode lecture ? standard! contenu.

jeu de caractères

Déclarer l'encodage des caractères utilisé par le document,

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <méta charset="utf-8"> 

Avant html5, la page Web se lisait comme ceci :

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <méta http-equiv="Content-Type " content="text/html; charset=utf-8">

Ces deux sont équivalents, veuillez lire les détails ci-dessous : vs , donc Il est recommandé d’en utiliser des plus courts, plus faciles à retenir.

attribut lang

Chinois simplifié

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <html lang="zh-cmn-Hans "> 

Chinois traditionnel

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <html lang="zh-cmn-Hant "> 

Pourquoi lang="zh-cmn-Hans" au lieu de lang="zh-CN" que nous écrivons habituellement ? Veuillez lire : La déclaration en tête de page doit-elle être lang="zh" ou ? lang="zh-cn".

Donner la priorité à l'utilisation de la dernière version d'IE et de Chrome

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <méta http-equiv="X-UA -Compatible" contenu="IE=edge,chrome=1" />

 360 Utilisation de Google Chrome Frame

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <méta nom="rendu" contenu="webkit">

 Le navigateur 360 passera immédiatement au speed core correspondant après avoir lu cette balise. Aussi, par mesure de sécurité, rejoignez

Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <méta http-equiv="X-UA -Compatible" contenu="IE=Edge,chrome=1">

L'effet qui peut être obtenu en écrivant de cette façon est que si Google Chrome Frame est installé, GCF sera utilisé pour rendre la page. Si GCF n'est pas installé, la version la plus élevée du noyau IE sera utilisée pour le rendu.

Liens connexes : Documentation des balises méta de contrôle du noyau du navigateur

Baidu interdit le transcodage

Lorsque vous ouvrez une page Web via un téléphone mobile Baidu, Baidu peut modifier le transcodage de votre page Web, enlevez vos vêtements, et mettez des publicités en plâtre de peau de chien sur votre corps. A cet effet, vous pouvez ajouter

dans la tête.
Code XML/HTMLCopier le contenu dans le presse-papiers
  1. <méta http-equiv="Cache-Control " contenu="no-siteapp" />

Liens connexes : Déclaration de transcodage SiteApp


Partie d'optimisation SEO

Titre de la page ) <br><br></p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_3566')">Copier le contenu dans le presse-papiers</span> </div> <div id="code_3566"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">titre</span><span class="tag">></span><span>votre titre</span><span class="tag"></</span><span class="tag-name">titre </span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>Mots-clés de page <br><br></p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_5916')">Copier le contenu dans le presse-papiers</span> </div> <div id="code_5916"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"mots-clés"</span> <span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"vos mots clés"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p><br>Description de la page description du contenu <br></p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8699')">Copier le contenu dans le presse-papiers</span> </div> <div id="code_8699"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"description"</span> <span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"votre description"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>Définir l'auteur web auteur <br></p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_2733')">Copier le contenu dans le presse-papiers</span> </div> <div id="code_2733"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"auteur"</span> <span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"auteur,adresse e-mail"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>Définissez la méthode d'indexation du moteur de recherche Web. Robotterms est un ensemble de valeurs séparées par des virgules anglaises ",". Il a généralement les valeurs suivantes : none, noindex, nofollow, all, index et follow. <br><br><span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_1191')">Copier le contenu dans le presse-papiers</span></p> <div class="codeText"> <div id="code_1191"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"robots"</span> <span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"indexer, suivre"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>Liens associés : <a target="_blank" href="http://msdn.microsoft.com/zh-cn/library/ff724037(v=expression.40).aspx">WEB1038 - La balise contient une valeur non valide</a> <br><br><strong>port d'affichage</strong></p> <p> Viewport peut améliorer l'affichage de la mise en page sur les navigateurs mobiles. Écrivez habituellement </p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_2172')">Copier le contenu dans le presse-papiers</span> </div> <div id="code_2172"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"portée"</span> <span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"width=device-width, initial-scale=1.0"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>width=device-width fera apparaître des bordures noires lorsque l'iPhone 5 est ajouté à l'écran d'accueil et ouvert en mode plein écran WebApp (<a href="http://bigc.at/ios-webapp-viewport-meta.orz">http://bigc.at/ios-webapp-viewport- méta.orz</a> )</p> <p>paramètre de contenu : </p> <p>largeur largeur de la fenêtre (valeur numérique/largeur de l'appareil)<br>hauteur hauteur de la fenêtre (valeur numérique/hauteur de l'appareil)<br>rapport de mise à l'échelle initiale à l'échelle initiale<br>rapport de mise à l'échelle maximal à l'échelle maximale<br>minimum -scale Taux de zoom minimum<br>user-scalable S'il faut autoriser la mise à l'échelle de l'utilisateur (oui/non)<br>minimal-ui Un nouvel attribut dans iOS 7.1 bêta 2 peut minimiser les barres d'état supérieure et inférieure lorsque la page est chargée. Il s'agit d'une valeur booléenne et peut être écrite directement comme ceci : </p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4407')">Copier le contenu dans le presse-papiers</span> </div> <div id="code_4407"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"portée"</span> <span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"width=device-width, initial-scale=1, minimal-ui"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>Et si votre site Web n'est pas réactif, veuillez ne pas utiliser la mise à l'échelle initiale ni désactiver la mise à l'échelle. </p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8954')">Copier le contenu dans le presse-papiers</span> </div> <div id="code_8954"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"portée"</span> <span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"width=device-width,user-scalable=yes"</span><span class="tag">></span><span> </span></span></li> </ol> </div> </div> <p>Liens associés : <a target="_blank" href="http://www.qianduan.net/non-responsive-design-viewport.html">Viewport au design non responsive</a> <br><br> Pour s'adapter à l'iPhone 6 et à l'iPhone 6plus, vous devez écrire : <br><span class="lantxt"><br>XML/HTML Code</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_4250')">Copier le contenu dans le presse-papier</span></p> <div class="codeText"> <div id="code_4250"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"portée"</span> <span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"width=375"</span><span class="tag">></span><span> </span></span></li> <li> <span></span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"portée" </span><span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"width=414"</span><span class="tag">></span><span> </span> </li> </ol> </div> </div> <p>La largeur de la fenêtre d'affichage de la plupart des appareils Android de 4,7 à 5 pouces est définie sur 360 pixels, mais elle est de 375 pixels sur l'iPhone 6. La largeur de la fenêtre d'affichage de la plupart des appareils Android de 5,5 pouces (tels que Samsung Note) est de 400, et elle est 414px sur iPhone 6 plus. <br><br><strong> Appareil iOS <br><br></strong> Titre ajouté à l'écran d'accueil (nouveau dans iOS 6) </p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_7738')">Copier le contenu dans le presse-papiers</span> </div> <div id="code_7738"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"apple-mobile-web -app-title"</span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"titre"</span><span class="tag">></span><span> </span><span class="comments"><!-- Titre ajouté à l'écran d'accueil (nouveau dans iOS 6) --></span><span> </span></span></li> </ol> </div> </div> <p><br>S'il faut activer le mode plein écran WebApp</p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_5148')">Copier le contenu dans le presse-papiers</span> </div> <div id="code_5148"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"apple-mobile-web -compatible avec l'application"</span><span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"oui"</span><span> </span><span class="tag">/></span><span> </span><span class="comments"><!-- S'il faut activer le mode plein écran WebApp --></span><span> </span></span></li> </ol> </div> </div> <p>Définissez la couleur d'arrière-plan de la barre d'état</p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_5979')">Copier le contenu dans le presse-papiers</span> </div> <div id="code_5979"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"apple-mobile-web -app-status-bar-style"</span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"noir-translucide"</span><span> </span><span class="tag">/></span><span> </span></span></li> <li> <span></span><span class="comments"><!-- Définit la couleur d'arrière-plan de la barre d'état, qui ne prend effet que lorsque `"apple-mobile-web-app-capable" content="yes"` - -> </span><span> </span> </li> </ol> </div> </div> <p>Prend effet uniquement lorsque "apple-mobile-web-app-capable" content="yes" <br><br> paramètre de contenu : <br><br>valeur par défaut. <br>noir L'arrière-plan de la barre d'état est noir. <br>noir-translucide L'arrière-plan de la barre d'état est noir et translucide. S'il est défini sur default ou black , le contenu Web démarre en bas de la barre d'état. S'il est défini sur noir-translucide, le contenu de la page Web remplit tout l'écran et le haut sera masqué par la barre d'état. <br><br><strong>Désactiver la reconnaissance des chiffres en tant que numéro de téléphone</strong></p> <div class="codeText"> <div class="codeHead"> <span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_3828')">Copier le contenu dans le presse-papiers</span> </div> <div id="code_3828"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"détection-format"</span><span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"telephone=no"</span><span> </span><span class="tag">/></span><span> </span><span class="comments"><!--Désactiver la reconnaissance des chiffres en tant que numéro de téléphone --></span><span> </span></span></li> </ol> </div> </div> <p>Icône iOS</p> <p> paramètre rel : apple-touch-icon L'image est automatiquement traitée en coins arrondis et en surbrillance. apple-touch-icon-precomposed interdit au système d'ajouter automatiquement des effets et affiche directement le design original. iPhone et iTouch, 57x57 pixels par défaut, requis </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode60'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode60"> <br><link rel=" apple-touch -icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png" /> <!-- iPhone et iTouch, 57x57 pixels par défaut, doivent avoir--><br> </div> <p> iPad, 72x72 pixels, en option mais recommandé </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode61'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode61"> <br><link rel=" apple-touch -icon-precomposed" size="72x72" href="/apple-touch-icon-72x72-precomposed.png" /> <!-- iPad, 72x72 pixels, facultatif mais recommandé--><br> </div> <p> Retina iPhone et Retina iTouch, 114x114 pixels, en option mais recommandé </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode62'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode62"> <br><link rel=" apple-touch -icon-precomposed" size="114x114" href="/apple-touch-icon-114x114-precomposed.png" /> <!-- Retina iPhone et Retina iTouch, 114x114 pixels, facultatif mais recommandé - -><br /></div></p> <p> iPad Retina, 144x144 pixels, en option mais recommandé </p> <p><br><div class="msgheader"><div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode63'));"><u>Copier le code</u></span></div>Le code est le suivant :</div><div class="msgborder" id="phpcode63"><br /><link rel=" apple-touch -icon-precomposed" size="144x144" href="/apple-touch-icon-144x144-precomposed.png" /> <!-- iPad Retina, 144x144 pixels, facultatif mais recommandé--> <br> </div> <p> La taille de l'icône iOS est de 180 × 180 sur iPhone 6 plus et de 120 × 120 sur iPhone 6. Pour s'adapter à l'iPhone 6 plus, vous devez ajouter ce paragraphe </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode64'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode64"> <br><link rel=" apple-touch -icon-precomposed" size="180x180" href="retinahd_icon.png"><br> </div> <p><strong>Écran de démarrage iOS<br><br></strong>Documentation officielle : <a target="_blank" href="https://developer.apple.com/library/ios/qa/qa1686/_index.html">https://developer.apple.com/library/ios/qa/qa1686/_index.html</a> <br>Article de référence : <a target="_blank" href="http://wxd.ctrip.com/blog/2013/09/ios7-hig-24/">http://wxd.ctrip.com/blog/2013/09/ios7-hig-24/</a> <br><br>L'écran de démarrage de l'iPad n'inclut pas la zone de la barre d'état. </p> <p> Écran portrait iPad 768 x 1004 (résolution standard) </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode65'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode65"> <br><link rel=" apple-touch -startup-image" size="768x1004" href="/splash-screen-768x1004.png" /> <!-- Écran portrait iPad 768 x 1004 (résolution standard) --><br> </div> <p> iPad portrait 1536x2008 (Rétine) </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode66'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode66"> <br><link rel=" apple-touch -startup-image" size="1536x2008" href="/splash-screen-1536x2008.png" /> <!-- Écran vertical iPad 1536x2008 (Retina) --><br> </div> <p> iPad paysage 1024x748 (résolution standard) </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode67'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode67"> <br><link rel=" apple-touch -startup-image" size="1024x748" href="/Default-Portrait-1024x748.png" /> <!-- iPad paysage 1024x748 (résolution standard) --><br> </div> <p> iPad paysage 2048x1496 (Retina) </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode68'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode68"> <br><link rel=" apple-touch -startup-image" size="2048x1496" href="/splash-screen-2048x1496.png" /> <!-- Écran paysage iPad 2048x1496 (Retina) --><br> </div> <p> L'écran de démarrage de l'iPhone et de l'iPod touch comprend la zone de la barre d'état. </p> <p> Écran portrait iPhone/iPod Touch 320x480 (résolution standard)<br><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode69'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode69"> <br><link rel="apple-touch-startup-image" href="/splash-screen-320x480.png" /> <!-- Écran portrait iPhone/iPod Touch 320x480 ( taux de résolution standard) ---><br> </div> <p> Écran portrait iPhone/iPod Touch 640x960 (Retina)</p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode70'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode70"> <br><link rel=" apple-touch -startup-image" size="640x960" href="/splash-screen-640x960.png" /> <!-- Écran portrait iPhone/iPod Touch 640x960 (Retina) --><br> </div> <p> écran vertical iPhone 5/iPod Touch 5 640x1136 (Retina)</p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode71'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode71"> <br><link rel=" apple-touch -startup-image" size="640x1136" href="/splash-screen-640x1136.png" /> <!-- iPhone 5/iPod Touch 5 écran vertical 640x1136 (Retina) --><br> </div> <p> Ajouter une bannière d'application intelligente Bannière d'application intelligente (iOS 6 Safari) </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode72'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode72"> <br><meta name=" apple-itunes -app" content="app-id=myAppStoreID, filiale-data=myAffiliateData, app-argument=myURL"> <!-- Ajouter une bannière d'application intelligente Bannière d'application intelligente (iOS 6 Safari) --> <br> </div> <p> La taille d'image correspondante pour l'iPhone 6 est de 750 × 1294 et la taille d'image correspondante pour l'iPhone 6 Plus est de 1242 × 2148. </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode73'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode73"> <br><link rel=" apple-touch -startup-image" href="launch6.png" media="(device-width : 375px)"><br><link rel="apple-touch-startup-image" href="launch6plus. png" media ="(largeur de l'appareil : 414px)"><br> </div> <p><strong>Windows 8<br></strong> Couleur des vignettes Windows 8</p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode74'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode74"> <br><meta name=" msapplication-TileColor " content="#000"/> <!-- Couleur des vignettes Windows 8--><br> </div> <p> Icône de vignette Windows 8</p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode75'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode75"> <br><meta name=" msapplication-TileImage " content="icon.png"/> <!-- Icône de vignette Windows 8--><br> </div> <p>Abonnement RSS </p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode76'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode76"> <br><link rel="alternate" type="application/rss xml" title="RSS" href="/rss.xml" /> <!-- Ajouter un abonnement RSS--> <br> </div> <p> icône de favicon</p> <p><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode77'));"><u>Copier le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode77"> <br><link rel=" icône de raccourci" type="image/ico" href="/favicon.ico" /> <!-- Ajouter une icône de favicon --><br> </div> <p>Pour une introduction plus détaillée au favicon, veuillez vous référer à <a target="_blank" href="https://github.com/audreyr/favicon-cheat-sheet">https://github.com/audreyr/favicon-cheat-sheet<br></a><br><strong>Méta mobile <br><br></strong><span class="lantxt">Code XML/HTML</span><span style="CURSOR: pointer" class="copyCodeText" onclick="copyIdText('code_8641')">Copier le contenu dans le presse-papiers</span></p> <div class="codeText"> <div id="code_8641"> <ol class="dp-xml"> <li class="alt"><span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"portée"</span> <span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"width=device-width, initial-scale=1, user-scalable=no"</span><span> </span><span class="tag">/></span><span>  </span></span></li> <li> <span></span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"pomme- compatible avec les applications Web mobiles"</span><span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"oui"</span><span> </span><span class="tag">/ ></span><span>  </span> </li> <li class="alt"> <span></span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"pomme- mobile-web-app-status-bar-style"</span><span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"noir"</span><span> </span> <span class="tag">/></span><span>  </span> </li> <li> <span></span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>="format-detection"</span><span class="attribute-value">contenu</span><span>="</span><span class="attribute">téléphone</span><span>=</span><span class="attribute-value">non</span><span>, </span><span class="attribute">e-mail</span><span>=</span><span class="attribute-value">non</span><span>" </span><span class="tag">/></span><span>  </span> </li> <li class="alt"> <span></span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"portée" </span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"width=device-width, initial-scale=1, user-scalable=no"</span><span> </span><span class="tag">/></span><span>  </span> </li> <li> <span></span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"pomme- compatible avec les applications Web mobiles"</span><span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"oui"</span><span> </span><span class="tag">/ ></span><span class="comments"><!-- 删除苹果默认的工具栏和菜单栏 --></span><span>  </span> </li> <li class="alt"> <span></span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"pomme- mobile-web-app-status-bar-style"</span><span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"noir"</span><span> </span> <span class="tag">/></span><span class="comments"><!-- 设置苹果工具栏颜色 --></span><span>  </span> </li> <li> <span></span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"format- détection"</span><span> </span><span class="attribute">content</span><span>=</span><span class="attribute-value">"telphone=no, email=no"</span><span> </span><span class="tag">/ ></span><span class="comments"><!-- 忽略页面中的数字识别为电话,忽略email识别 --></span><span>  </span> </li> <li class="alt"> <span></span><span class="comments"><!-- 启用360浏览器的极速模式(webkit) --></span><span>  </span> </li> <li> <span></span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"rendu" </span><span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"webkit"</span><span class="tag">></span><span>  </span> </li> <li class="alt"> <span></span><span class="comments"><!-- 避免IE使用兼容模式 --></span><span>  </span> </li> <li> <span></span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">http-equiv</span><span>=</span><span class="attribute-value">" " > </span><span> </span><span class="attribute"></span><span><!-- Optimisé pour les appareils portables, principalement pour certains anciens navigateurs qui ne reconnaissent pas la fenêtre d'affichage, comme Blackberry --></span><span class="attribute-value"> </span> <span class="tag"> </span><span></span> </li><<li class="alt"><span>méta</span><span class="comments"> </span><span>nom</span></li>=<li><span>"HandheldFriendly" </span><span class="tag"> </span><span class="tag-name">contenu</span><span>=</span><span class="attribute">"vrai"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!--Le navigateur à l'ancienne de Microsoft --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>méta</span><span class="comments"> </span><span>nom</span></li>=<li><span>"MobileOptimisé" </span><span class="tag"> </span><span class="tag-name">contenu</span><span>=</span><span class="attribute">"320"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!-- écran vertical forcé uc --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>méta</span><span class="comments"> </span><span>nom</span></li>=<li><span>"écran- orientation"</span><span class="tag"> </span><span class="tag-name">contenu</span><span>=</span><span class="attribute">"portrait"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!-- Écran vertical forcé QQ --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>méta</span><span class="comments"> </span><span>nom</span></li>=<li><span>"x5- orientation"</span><span class="tag"> </span><span class="tag-name">contenu</span><span>=</span><span class="attribute">"portrait"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!-- Plein écran forcé UC --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>méta</span><span class="comments"> </span><span>nom</span></li>=<li><span>"full- écran"</span><span class="tag"> </span><span class="tag-name">contenu</span><span>=</span><span class="attribute">"oui"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!-- QQ plein écran forcé --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>méta</span><span class="comments"> </span><span>nom</span></li>=<li><span>"x5- plein écran"</span><span class="tag"> </span><span class="tag-name">contenu</span><span>=</span><span class="attribute">"vrai"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!-- Mode d'application UC --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>méta</span><span class="comments"> </span><span>nom</span></li>=<li><span>"mode navigateur" </span><span class="tag"> </span><span class="tag-name">contenu</span><span>=</span><span class="attribute">"application"</span><span>><span class="attribute-value"> </span><span> </span><span class="attribute"></span><span><!-- Mode d'application QQ --></span><span class="attribute-value"> </span><span class="tag"> </span><span></span><<li class="alt"><span>méta</span><span class="comments"> </span><span>nom</span></li>=<li><span>"x5- page-mode"</span><span class="tag"> </span><span class="tag-name">content</span><span>=</span><span class="attribute">"app"</span><span>><span class="attribute-value"> </span> <span><li class="alt"> <span></span><span class="comments"><!-- clic sur Windows Phone sans surbrillance --></span><span> </span> </li> <li> <span></span><span class="tag"><</span><span class="tag-name">méta</span><span> </span><span class="attribute">nom</span><span>=</span><span class="attribute-value">"msapplication- appuyez sur surbrillance"</span><span> </span><span class="attribute">contenu</span><span>=</span><span class="attribute-value">"non"</span><span class="tag">></span><span> </span> </li> <li class="alt"> <span></span><span class="comments"><!-- S'adapter à l'extrémité mobile --></span><span> </span> </li> </span> </ol> </div> </div> <p><br>Ceci est un résumé des partages de <a href="http://weibo.com/toooobug" target="_blank">toobug</a>. </p> <p>Plus de références de balises méta</p> <ul> <li><a href="http://code.lancepollard.com/complete-list-of-html-meta-tags/" target="_blank">LISTE COMPLÈTE DES BALISES MÉTA HTML</a></li> <li><a href="http://www.iacquire.com/blog/18-meta-tags-every-webpage-should-have-in-2013" target="_blank">18 balises méta que chaque page Web devrait avoir en 2013</a></li> </ul> <p>Article de référence : </p> <ul> <li><a href="https://github.com/yisibl/blog/issues/1" target="_blank">Balises d'en-tête HTML couramment utilisées</a></li> <li><a href="https://gist.github.com/paddingme/6182708733917ae36331" target="_blank">html5_header</a></li> <li><a href="http://amazeui.org/css/" target="_blank">amazeui css</a></li> <li><a href="http://www.douban.com/note/170560091/" target="_blank">DOCTYPE</a></li> <li><a href="http://www.uisdc.com/ios8-ten-new-feature" target="_blank">10 nouveaux changements dans IOS 8 que les ingénieurs et concepteurs WEB doivent apprendre</a></li> </ul> </div> </div> <div style="height: 25px;"> <div class="wzconBq" style="display: inline-flex;"> <span>Étiquettes associées:</span> <div class="wzcbqd"> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/fr/search?word=head" target="_blank">head</a> <a onclick="hits_log(2,'www',this);" href-data="https://www.php.cn/fr/search?word=html" target="_blank">html</a> </div> </div> <div style="display: inline-flex;float: right; color:#333333;">source:php.cn</div> </div> <div class="wzconOtherwz"> <a href="https://www.php.cn/fr/faq/10967.html" title="Résumé détaillé des règles d'imbrication des balises HTML adaptées aux amis novices_Production de pages HTML/Xhtml_Web"> <span>Article précédent:Résumé détaillé des règles d'imbrication des balises HTML adaptées aux amis novices_Production de pages HTML/Xhtml_Web</span> </a> <a href="https://www.php.cn/fr/faq/10971.html" title="Solution à l'affichage incohérent de la taille du curseur dans la zone de saisie_HTML/Xhtml_Production de pages Web"> <span>Article suivant:Solution à l'affichage incohérent de la taille du curseur dans la zone de saisie_HTML/Xhtml_Production de pages Web</span> </a> </div> <div class="wzconShengming"> <div class="bzsmdiv">Déclaration de ce site Web</div> <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> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzconZzwz"> <div class="wzconZzwztitle">Derniers articles par auteur</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796639331.html">Qu'est-ce qu'une NullPointerException et comment y remédier ?</a> </div> <div>2024-10-22 09:46:29</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796629482.html">De novice à codeur : votre voyage commence par les principes fondamentaux du C</a> </div> <div>2024-10-13 13:53:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796628545.html">Débloquer le développement Web avec PHP : guide du débutant</a> </div> <div>2024-10-12 12:15:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627928.html">Démystifier C : un chemin clair et simple pour les nouveaux programmeurs</a> </div> <div>2024-10-11 22:47:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627806.html">Libérez votre potentiel de codage : programmation C pour les débutants absolus</a> </div> <div>2024-10-11 19:36:51</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627670.html">Libérez votre programmeur intérieur : C pour les débutants absolus</a> </div> <div>2024-10-11 15:50:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627643.html">Automatisez votre vie avec C : scripts et outils pour les débutants</a> </div> <div>2024-10-11 15:07:41</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627620.html">PHP Made Easy : vos premiers pas dans le développement Web</a> </div> <div>2024-10-11 14:21:21</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627574.html">Construisez n'importe quoi avec Python : un guide du débutant pour libérer votre créativité</a> </div> <div>2024-10-11 12:59:11</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796627539.html">La clé du codage : libérer la puissance de Python pour les débutants</a> </div> <div>2024-10-11 12:17:31</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Derniers numéros</div> <div class="wdsyContent"> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176403.html" target="_blank" title="Conversion automatique PX en erreur REM" class="wdcdcTitle">Conversion automatique PX en erreur REM</a> <a href="https://www.php.cn/fr/wenda/176403.html" class="wdcdcCons"> <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-16 09:34:16</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>0</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>4687</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176396.html" target="_blank" title="La page ne peut soudainement plus extraire le CSS ou le bootstrap" class="wdcdcTitle">La page ne peut soudainement plus extraire le CSS ou le bootstrap</a> <a href="https://www.php.cn/fr/wenda/176396.html" class="wdcdcCons">Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 21:58:04</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>800</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176386.html" target="_blank" title="Comment résoudre le mystérieux espace vide en bas de page en CSS" class="wdcdcTitle">Comment résoudre le mystérieux espace vide en bas de page en CSS</a> <a href="https://www.php.cn/fr/wenda/176386.html" class="wdcdcCons">J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 20:22:15</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>1</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>454</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176383.html" target="_blank" title="Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire" class="wdcdcTitle">Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire</a> <a href="https://www.php.cn/fr/wenda/176383.html" class="wdcdcCons">Je souhaite ajouter le squelette de mon composant Laravel dans un espace réservé livewire3...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 20:02:10</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>543</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> <div class="wdsyConDiv flexRow wdsyConDiv1"> <div class="wdcdContent flexColumn"> <a href="https://www.php.cn/fr/wenda/176364.html" target="_blank" title="Méthode de niveau supérieur pour remplacer une chaîne par du code HTML (généré à partir d'un tableau)" class="wdcdcTitle">Méthode de niveau supérieur pour remplacer une chaîne par du code HTML (généré à partir d'un tableau)</a> <a href="https://www.php.cn/fr/wenda/176364.html" class="wdcdcCons">Étant donné une chaîne comme celle-ci...$htmlPattern="Usernameis:#name#andusercompany...</a> <div class="wdcdcInfo flexRow"> <div class="wdcdcileft"> <span class="wdcdciSpan"> Depuis 2024-04-06 17:40:41</span> </div> <div class="wdcdciright flexRow"> <div class="wdcdcirdz flexRow ira"> <b class="wdcdcirdzi"></b>0 </div> <div class="wdcdcirpl flexRow ira"><b class="wdcdcirpli"></b>2</div> <div class="wdcdcirwatch flexRow ira"><b class="wdcdcirwatchi"></b>410</div> </div> </div> </div> </div> <div class="wdsyConLine wdsyConLine2"></div> </div> </div> <div class="wzconZt" > <div class="wzczt-title"> <div>Rubriques connexes</div> <a href="https://www.php.cn/fr/faq/zt" target="_blank">Plus> </a> </div> <div class="wzcttlist"> <ul> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/htmlbq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214431586789.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="symbole de droit d'auteur HTML" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/htmlbq" class="title-a-spanl" title="symbole de droit d'auteur HTML"><span>symbole de droit d'auteur HTML</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/htmlzxbjq"><img src="https://img.php.cn/upload/subject/202407/22/2024072214403473154.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="éditeur HTML en ligne" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/htmlzxbjq" class="title-a-spanl" title="éditeur HTML en ligne"><span>éditeur HTML en ligne</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/htmlwyzz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214275948120.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="réalisation de pages web html" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/htmlwyzz" class="title-a-spanl" title="réalisation de pages web html"><span>réalisation de pages web html</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/htmlkg"><img src="https://img.php.cn/upload/subject/202407/22/2024072214273274014.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="espace HTML" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/htmlkg" class="title-a-spanl" title="espace HTML"><span>espace HTML</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/htmlssm"><img src="https://img.php.cn/upload/subject/202407/22/2024072214210727109.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="qu'est-ce que le HTML" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/htmlssm" class="title-a-spanl" title="qu'est-ce que le HTML"><span>qu'est-ce que le HTML</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/htmlztdxzmsz"><img src="https://img.php.cn/upload/subject/202407/22/2024072214205132478.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment définir la taille de la police HTML" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/htmlztdxzmsz" class="title-a-spanl" title="Comment définir la taille de la police HTML"><span>Comment définir la taille de la police HTML</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/htmlztxt"><img src="https://img.php.cn/upload/subject/202407/22/2024072214125629445.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="html en txt" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/htmlztxt" class="title-a-spanl" title="html en txt"><span>html en txt</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/htmlwbkdmzmx"><img src="https://img.php.cn/upload/subject/202407/22/2024072214120496282.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment écrire du code de zone de texte HTML" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/htmlwbkdmzmx" class="title-a-spanl" title="Comment écrire du code de zone de texte HTML"><span>Comment écrire du code de zone de texte HTML</span> </a> </li> </ul> </div> </div> </div> </div> <div class="phpwzright"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="wzrOne"> <div class="wzroTitle">Recommandations populaires</div> <div class="wzroList"> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Que signifie l'URL ?" href="https://www.php.cn/fr/faq/418772.html">Que signifie l'URL ?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Que signifie DOM ?" href="https://www.php.cn/fr/faq/414303.html">Que signifie DOM ?</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment changer la taille de l'image" href="https://www.php.cn/fr/faq/414252.html">Comment changer la taille de l'image</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment mettre la police en gras en HTML" href="https://www.php.cn/fr/faq/414520.html">Comment mettre la police en gras en HTML</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment définir la taille des images HTML" href="https://www.php.cn/fr/faq/475145.html">Comment définir la taille des images HTML</a> </div> </li> </ul> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="wzrThree"> <div class="wzrthree-title"> <div>Tutoriels populaires</div> <a target="_blank" href="https://www.php.cn/fr/course.html">Plus> </a> </div> <div class="wzrthreelist swiper2"> <div class="wzrthreeTab swiper-wrapper"> <div class="check tabdiv swiper-slide" data-id="one">Tutoriels associés <div></div></div> <div class="tabdiv swiper-slide" data-id="two">Recommandations populaires<div></div></div> <div class="tabdiv swiper-slide" data-id="three">Derniers cours<div></div></div> </div> <ul class="one"> <li> <a target="_blank" href="https://www.php.cn/fr/course/812.html" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" href="https://www.php.cn/fr/course/812.html">Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)</a> <div class="wzrthreerb"> <div>1428665 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/74.html" title="Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253d1e28ef5c345.png" alt="Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine" href="https://www.php.cn/fr/course/74.html">Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine</a> <div class="wzrthreerb"> <div>4280191 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="74"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/286.html" title="Tutoriel vidéo JAVA pour débutants" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutoriel vidéo JAVA pour débutants"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo JAVA pour débutants" href="https://www.php.cn/fr/course/286.html">Tutoriel vidéo JAVA pour débutants</a> <div class="wzrthreerb"> <div>2589052 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/504.html" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" href="https://www.php.cn/fr/course/504.html">Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle</a> <div class="wzrthreerb"> <div>511130 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/2.html" title="Tutoriel d'introduction PHP base zéro" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/6253de27bc161468.png" alt="Tutoriel d'introduction PHP base zéro"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel d'introduction PHP base zéro" href="https://www.php.cn/fr/course/2.html">Tutoriel d'introduction PHP base zéro</a> <div class="wzrthreerb"> <div>869085 <b class="kclbcollectb"></b></div> <div class="courseICollection" data-id="2"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="two" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/fr/course/812.html" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/041/620debc3eab3f377.jpg" alt="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)" href="https://www.php.cn/fr/course/812.html">Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)</a> <div class="wzrthreerb"> <div >1428665 temps d'étude</div> <div class="courseICollection" data-id="812"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/286.html" title="Tutoriel vidéo JAVA pour débutants" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a2bacfd9379.png" alt="Tutoriel vidéo JAVA pour débutants"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo JAVA pour débutants" href="https://www.php.cn/fr/course/286.html">Tutoriel vidéo JAVA pour débutants</a> <div class="wzrthreerb"> <div >2589052 temps d'étude</div> <div class="courseICollection" data-id="286"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/504.html" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62590a67ce3a6655.png" alt="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle" href="https://www.php.cn/fr/course/504.html">Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle</a> <div class="wzrthreerb"> <div >511130 temps d'étude</div> <div class="courseICollection" data-id="504"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/901.html" title="Introduction rapide au développement web front-end" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/64be28a53a4f6310.png" alt="Introduction rapide au développement web front-end"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Introduction rapide au développement web front-end" href="https://www.php.cn/fr/course/901.html">Introduction rapide au développement web front-end</a> <div class="wzrthreerb"> <div >216377 temps d'étude</div> <div class="courseICollection" data-id="901"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/234.html" title="Maîtrisez les didacticiels vidéo PS à partir de zéro" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/068/62611f57ed0d4840.jpg" alt="Maîtrisez les didacticiels vidéo PS à partir de zéro"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Maîtrisez les didacticiels vidéo PS à partir de zéro" href="https://www.php.cn/fr/course/234.html">Maîtrisez les didacticiels vidéo PS à partir de zéro</a> <div class="wzrthreerb"> <div >902753 temps d'étude</div> <div class="courseICollection" data-id="234"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> <ul class="three" style="display: none;"> <li> <a target="_blank" href="https://www.php.cn/fr/course/1648.html" title="[Web front-end] Démarrage rapide de Node.js" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png" alt="[Web front-end] Démarrage rapide de Node.js"/> </a> <div class="wzrthree-right"> <a target="_blank" title="[Web front-end] Démarrage rapide de Node.js" href="https://www.php.cn/fr/course/1648.html">[Web front-end] Démarrage rapide de Node.js</a> <div class="wzrthreerb"> <div >8384 temps d'étude</div> <div class="courseICollection" data-id="1648"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1647.html" title="Collection complète de cours full-stack de développement Web étranger" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6628cc96e310c937.png" alt="Collection complète de cours full-stack de développement Web étranger"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Collection complète de cours full-stack de développement Web étranger" href="https://www.php.cn/fr/course/1647.html">Collection complète de cours full-stack de développement Web étranger</a> <div class="wzrthreerb"> <div >6697 temps d'étude</div> <div class="courseICollection" data-id="1647"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1646.html" title="Aller au langage pratique GraphQL" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662221173504a436.png" alt="Aller au langage pratique GraphQL"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Aller au langage pratique GraphQL" href="https://www.php.cn/fr/course/1646.html">Aller au langage pratique GraphQL</a> <div class="wzrthreerb"> <div >5577 temps d'étude</div> <div class="courseICollection" data-id="1646"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1645.html" title="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/662077e163124646.png" alt="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape" href="https://www.php.cn/fr/course/1645.html">Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape</a> <div class="wzrthreerb"> <div >753 temps d'étude</div> <div class="courseICollection" data-id="1645"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> <li> <a target="_blank" href="https://www.php.cn/fr/course/1644.html" title="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures" class="wzrthreelaimg"> <img src="https://img.php.cn/upload/course/000/000/067/6616418ca80b8916.png" alt="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures"/> </a> <div class="wzrthree-right"> <a target="_blank" title="Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures" href="https://www.php.cn/fr/course/1644.html">Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures</a> <div class="wzrthreerb"> <div >28501 temps d'étude</div> <div class="courseICollection" data-id="1644"> <b class="nofollow small-nocollect"></b> </div> </div> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper2', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrthreeTab>div').click(function(e){ $('.wzrthreeTab>div').removeClass('check') $(this).addClass('check') $('.wzrthreelist>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> <div class="wzrFour"> <div class="wzrfour-title"> <div>Derniers téléchargements</div> <a href="https://www.php.cn/fr/xiazai">Plus> </a> </div> <script> $(document).ready(function(){ var sjyx_banSwiper = new Swiper(".sjyx_banSwiperwz",{ speed:1000, autoplay:{ delay:3500, disableOnInteraction: false, }, pagination:{ el:'.sjyx_banSwiperwz .swiper-pagination', clickable :false, }, loop:true }) }) </script> <div class="wzrfourList swiper3"> <div class="wzrfourlTab swiper-wrapper"> <div class="check swiper-slide" data-id="onef">effets Web <div></div></div> <div class="swiper-slide" data-id="twof">Code source du site Web<div></div></div> <div class="swiper-slide" data-id="threef">Matériel du site Web<div></div></div> <div class="swiper-slide" data-id="fourf">Modèle frontal<div></div></div> </div> <ul class="onef"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Code de contact du formulaire de message d'entreprise jQuery" href="https://www.php.cn/fr/toolset/js-special-effects/8071">[bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Effets de lecture de boîte à musique HTML5 MP3" href="https://www.php.cn/fr/toolset/js-special-effects/8070">[Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Effets spéciaux du menu de navigation d'animation de particules cool HTML5" href="https://www.php.cn/fr/toolset/js-special-effects/8069">[Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Code d'édition par glisser-déposer du formulaire visuel jQuery" href="https://www.php.cn/fr/toolset/js-special-effects/8068">[bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Code du lecteur de musique Kugou imitation VUE.JS" href="https://www.php.cn/fr/toolset/js-special-effects/8067">[Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Jeu de boîte de poussée HTML5 classique" href="https://www.php.cn/fr/toolset/js-special-effects/8066">[effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="défilement jQuery pour ajouter ou réduire des effets d'image" href="https://www.php.cn/fr/toolset/js-special-effects/8065">[Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a target="_blank" title="Effet de zoom de survol de la couverture de l'album personnel CSS3" href="https://www.php.cn/fr/toolset/js-special-effects/8064">[Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3</a> </div> </li> </ul> <ul class="twof" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8328" title="Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure" target="_blank">[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8327" title="Modèle de page de guide de CV personnel aux couleurs fraîches" target="_blank">[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8326" title="Modèle Web de CV de travail créatif de concepteur" target="_blank">[Modèle frontal] Modèle Web de CV de travail créatif de concepteur</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8325" title="Modèle de site Web d'entreprise de construction d'ingénierie moderne" target="_blank">[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8324" title="Modèle HTML5 réactif pour les établissements de services éducatifs" target="_blank">[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8323" title="Modèle de site Web de centre commercial de boutique de livres électroniques en ligne" target="_blank">[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8322" title="La technologie informatique résout le modèle de site Web d'entreprise Internet" target="_blank">[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8321" title="Modèle de site Web de service de trading de devises de style violet" target="_blank">[Modèle frontal] Modèle de site Web de service de trading de devises de style violet</a> </div> </li> </ul> <ul class="threef" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3078" target="_blank" title="Matériau vectoriel d'éléments d'été mignons (EPS+PNG)">[Matériau PNG] Matériau vectoriel d'éléments d'été mignons (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3077" target="_blank" title="Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)">[Matériau PNG] Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3076" target="_blank" title="Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)">[image de bannière] Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3075" target="_blank" title="Matériau vectoriel de chapeau de graduation doré (EPS+PNG)">[Matériau PNG] Matériau vectoriel de chapeau de graduation doré (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3074" target="_blank" title="Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)">[Matériau PNG] Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3073" target="_blank" title="Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes">[Matériau PNG] Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3072" target="_blank" title="Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)">[image de bannière] Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-materials/3071" target="_blank" title="Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)">[Matériau PNG] Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)</a> </div> </li> </ul> <ul class="fourf" style="display:none"> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8328" target="_blank" title="Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure">[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8327" target="_blank" title="Modèle de page de guide de CV personnel aux couleurs fraîches">[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8326" target="_blank" title="Modèle Web de CV de travail créatif de concepteur">[Modèle frontal] Modèle Web de CV de travail créatif de concepteur</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8325" target="_blank" title="Modèle de site Web d'entreprise de construction d'ingénierie moderne">[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8324" target="_blank" title="Modèle HTML5 réactif pour les établissements de services éducatifs">[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8323" target="_blank" title="Modèle de site Web de centre commercial de boutique de livres électroniques en ligne">[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8322" target="_blank" title="La technologie informatique résout le modèle de site Web d'entreprise Internet">[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet</a> </div> </li> <li> <div class="wzrfourli"> <span class="layui-badge-dots wzrflr"></span> <a href="https://www.php.cn/fr/toolset/website-source-code/8321" target="_blank" title="Modèle de site Web de service de trading de devises de style violet">[Modèle frontal] Modèle de site Web de service de trading de devises de style violet</a> </div> </li> </ul> </div> <script> var mySwiper = new Swiper('.swiper3', { autoplay: false,//可选选项,自动滑动 slidesPerView : 'auto', }) $('.wzrfourlTab>div').click(function(e){ $('.wzrfourlTab>div').removeClass('check') $(this).addClass('check') $('.wzrfourList>ul').css('display','none') $('.'+e.currentTarget.dataset.id).show() }) </script> </div> </div> </div> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/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://www.php.cn/fr/about/us.html">À propos de nous</a> <a href="https://www.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a> <a href="https://www.php.cn/fr/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1737363545"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' 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 type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '9']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> </body> </html>