Maison > interface Web > Tutoriel H5 > Détails récapitulatifs des balises communes HTML5

Détails récapitulatifs des balises communes HTML5

黄舟
Libérer: 2017-03-20 16:13:36
original
2425 Les gens l'ont consulté

1. Structure principale

header 页面头部,不同与
aside 边栏
nav 外部链接集合
section 章节或段落
article 类似文章、摘要或留言POST等形式的记录(一般搭配内嵌头部、尾部、底部结构使用)
hggroup 类似子标题,标题信息、可选标题、TAG标签这样的数据,还是英文更好理解一些,heading of a section
address 联系信息,一般用在article或body锚元素周围
footer 页脚

2. Tableau récapitulatif des balises d'éléments HTML 5

文档类型宣告
根元素元素 html
META元素 head、 title、base、link、meta、style
部件元素 body、section、nav、article、aside、h1、 h2、 h3、h4、 h5、 h6、hgroup、header、footer、address
分组内容元素 p、hr、br、pre、blockquote、ol、ul、li、dl、dt、dd、figure、figcaption、p
文本层次语义元素 a、em、strong、small、cite、q、dfn、abbr、time、code、var、samp、kbd、sub、sups、i、b、mark、ruby、rt、rp、bdo、span
编辑元素 ins、del
嵌入内容元素 img、iframe、embed、object、param、video、audio、source、canvasmap、area
表格元素 table、caption、colgroup、col、tbody、thread、tfoot、tr、td、th
表单元素 form、fieldset、legend、label、button、select、datalist、optgroup、option、textarea、keygen、output、progress、meter
互动元素 details、summary、command、menu
脚本元素 script、noscript

3. Attributs communs et gestionnaires d'événements des éléments HTML 5

4. Interprétation des balises d'éléments HTML5

Balise Type Signification Introduction
Balises de fichiers
Quantity Balise du fichier racine Informez le navigateur qu'il s'agit d'un fichier HTML
Balise META
Quantity commence fournit des informations générales sur le fichier
</td> <td>Quantity</td> <td>Titre</td> <td>Définir le titre du fichier, affiché en haut du navigateur</td> </tr> <tr> < ;link><td></td>o<td></td>La connexion aux ressources externes<td></td>doit porter la description de l'attribut rel<td></td> </tr> <tr>< meta><td></td>o<td></td> <td>Autres</td>Données META<td></td>Données META qui ne peuvent pas être décrites par le titre, la base, le lien, le style et les éléments de script</tr> <tr> <td> </td><style><td></td>Quantity<td><a href="http://www.php.cn/html5/html5-3-mip-normal.html" target="_blank">Informations de style de document intégrées</a></td> <td></td> </tr> <tr> <td>Marque du widget</td> <td></td> <td></td><body><td></td>Quantity</tr> <tr>Le corps du document démarre<td colspan="4"><strong>Conteneur de contenu du document</strong></td> </tr> <tr> <td> ></td>Quantity<td></td> <td>Navigation</td>Liens<td></td>Lien externe ou lien interne au document</tr> <tr> <td></td><article><td> </td>Quantity<td></td>Module Page<td></td>Enregistrements sous forme d'articles, de résumés ou de messages POST etc. </tr> <tr> <td></td><aside><td></td>Quantity<td><a href="http://www.php.cn/code/9303.html" target="_blank">Les modules isolés</a></td> sont généralement utilisés comme publicités dans la barre latérale, descriptions, <td>citations</td>, navigation, etc. La partie de confinement latérale est généralement moins couplée au texte principal</tr> <tr> <td></td><h1><td></td>Quantity<td></td>Balise de titre<td></td>De plus, il y a h2, h3, h4, h5, h6</tr> <tr> <td></td><hgroup><td></td>Quantity<td></td>Titre du groupe<td><a href="http://www.php.cn/wiki/231.html" target="_blank"> est utilisé lorsqu'un ensemble d'éléments tels que h1-h6 est utilisé pour distinguer le principal et les sous-titres ? ?</a></td> </tr> <tr> <td><header></td> <td>Quantity</td> <td>Description du groupe ou navigation du groupe </td> <td> peut également être appelé titre de l'en-tête </td> </tr> <tr> <td><footer></td> <td>Quantity</td> <td>Titre du pied de page</td> <td>La portée est liée à l'élément du widget le plus proche</td> </tr> <tr> <td><adresse></td> <td>Quantity</td> <td>Adresse ou coordonnées</td> <td> </td> </tr> <tr> <td><strong>Balises de contenu du groupe </strong></td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td><p></td> <td>Quantity</td> <td> Marque de paragraphe </td> <td> </td> </tr> <tr> <td><hr></td> <td>o</td> <td>Ligne de séparation horizontale</td> <td> </td> </tr> <tr> <td><br></td> <td>o</td> <td>Saut de ligne</td> <td> </td> </tr> <tr> <td><pre class="brush:php;toolbar:false"></td> <td>Quantity</td> <td>Sous-blocs préformatés</td> <td> </td> </tr> <tr> <td><blockquote></td> <td>Quantity</td> <td> Bloquer le devis</td> <td> ></td> </tr><ul><tr> <td>Quantity</td> <td>Liste des projets</td> <td> </td> <td></td> </tr><li><tr> <td>Quantity</td> <td>Élément de la liste</td> <td> </td> <td></td> </tr><dl><tr> <td>Quantity</td> <td>Liste de définitions </td> <td> </td> <td></td> </tr><dt><tr> <td>Quantity</td> <td>Définir le nom</td> <td> </td> <td></td> </tr><dd><tr> <td>Quantity</td> <td>Description de la définition</td> <td> </td> <td></td> </tr><figure><tr> <td>Quantity</td> <td>Description du bloc de contenu du flux</td> <td>Utilisé en combinaison avec figcaption</td> <td></td> </tr><figcaption> ;<tr> <td>Quantity</td> <td>attribut de contenu de figure</td> <td> </td> <td></td> </tr><p><tr> <td>gree</td> <td>balise de positionnement</td> <td>Aucune Signification réelle </td> <td></td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td></td> </tr> <tr>Balises sémantiques au niveau du texte <td></td> <td></td> <td><a></td> <td>Quantity</td> </tr>Balises de lien<tr> <td colspan="4"> <strong></strong> </td> </tr><em><tr> <td>Quantity</td> <td>Marque d'accentuation</td> <td> </td> <td></td> </tr><strong><tr> <td> ●</td> <td>Marque de soulignement</td> <td> </td> <td></td> </tr><small><tr> <td>Quantity</td> <td>Police réduite</td> <td> </td> <td></td> </tr><cite><tr> <td>Quantity</td> <td>marque italique</td> <td> </td> <td></td> </tr><q><tr> <td>Quantity</td> <td>Contenu des guillemets</td> <td>Le texte original formule le contenu, on ne sait pas comment pour le traduire encore</td> <td></td> </tr><dfn> <tr>Abréviation<td></td> <td></td><td></td><time><td></td>Quantity<tr>Date Heure<td></td> <td></td> <td></td><code><td></td>Quantity</tr> <tr>Code du programme<td></td> <td></td> <td></td><var> ;<td></td>Quantity</tr><tr><td>Variable</td><td></td> <td></td><td></td><samp></tr> <tr>Quantity <td></td>Exemple<td></td> <td></td> <td></td><kbd></tr> <tr>Quantity<td></td>Mot du clavier<td></td> <td><a href="http://www.php.cn/wiki/70.html" target="_blank"></a></td><sub><sups><td></td>Quantity</tr> <tr>Exposant/Indice<td></td> <td></td> <td></td><i><td></td>Quantity</tr> <tr>marque italique<td></td> <td></td> <td></td><b><td></td>Quantity</tr> <tr>Marque en gras<td></td> <td></td> <td></td><mark> ;<td></td>Quantity</tr><tr> Marquer ou surligner <td></td> <td></td><td></td><ruby><td></td>Quantity</tr> <tr>Marque d'annotation<td></td> <td> </td> <td></td><rt><td></td> ●</tr> <tr>le sous-élément rubis <td></td> est utilisé en combinaison avec rubis, par exemple : <ruby>天<rt> ;rp><td></td>Quantity<td></td>Le sous-élément ruby ​​<td></td> est généralement utilisé comme élément rt </tr> commentaire <tr> en utilisant <td></td> <td></td><bdo><td></td>Quantity<td></td> </tr> <tr> <td></td> <td></td><span><td></td>Quantity<td></td>Balise personnalisée</tr> <tr> <td></td> <td></td> <td>Marque de modification</td> <td><a href="http://www.php.cn/code/8105.html" target="_blank"></a></td><ins></tr> <tr>Quantity<td></td> <td></td> <td></td> <td></td><del></tr> <tr>Quantity<td></td> <td></td> <td></td> <td></td> </tr>Tag de contenu intégré <tr> <td colspan="4"><strong></strong></td><img></tr> <tr>Quantity<td></td> <td>Image</td> Balise <td></td> <td> </td> </tr> <tr><iframe><td></td>Quantity<td></td> <td>Cadre</td>Tag<td></td> </tr> <tr> <td colspan="4"><strong><embed></strong></td>Quantity</tr> <tr>Intégrer la balise<td></td> <td></td> <td><a href="http://www.php.cn/css/css-rwd-images.html" target="_blank"><objet></a></td>Quantity <td></td> </tr>Objet<tr>Balises <td> </td> </tr> <tr> <td><param></td> <td>weight</td> <td>Balises de paramètres</td> <td> </td> </tr> <audio><tr> <td>Quantity</td> <td></td>Audio<td>balise<a href="http://www.php.cn/code/6707.html" target="_blank"></a> </td> <td></td> </tr><source><tr> <td>Quantity</td> <td>Balise source</td> <td> <a href="http://www.php.cn/code/6093.html" target="_blank"></a> </td> <td><canvas></td> </tr>Quantity<tr> <td>Balise de cartographie</td> <td> </td> <td></td> <td><carte></td> </tr>Quantity<tr> <td></td>Carte<td>Marc</td> <td> </td> <td></td> </tr><area><tr> <td>Quantity</td> <td>Marqueur de zone</td> <td> <a href="http://www.php.cn/code/7891.html" target="_blank"></a> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td></td> <td></td>Marque de table</tr> <tr> <td></td> <td><table> ; </td><td>Quantity</td><td>Balise du tableau</td></tr>Définir les paramètres du tableau<tr><td colspan="4"><strong></strong><caption></td> </tr> ●<tr> <td>Titre du tableau</td> <td>Réalisé en une douzaine de colonnes pour remplir le titre du tableau</td> <td></td> <td><colgroup></td> </tr>Quantity<tr> <td> </td> <td> </td> <td></td> <td><col></td> </tr>Quantity<tr> <td> </td> <td> </td> <td></td> <td><tbody></td> </tr>Quantity<tr> <td> </td> <td> </td> <td></td> <td><thread></td> </tr>Quantity<tr> <td> </td> <td> </td> <td></td> <td><tfoot> > </td> </tr> <tr> <td><tr></td> <td>Quantity</td> <td>Colonnes du tableau</td> <td>Définir les colonnes du tableau</td> </tr> <th><tr> <td>Quantity</td> <td> L'en-tête du tableau</td> <td> est égal à <TD>, mais la police du texte à l'intérieur sera plus grasse</td> <td></td> </tr> <tr>Balise de formulaire<td></td> <td> </td> <td><form></td> <td>Quantity</td> </tr>La balise de formulaire<tr> <td> détermine le mode de fonctionnement du formulaire</td> <td></td> <td>< fieldset></td> <td>lég</td> </tr> <légende><tr> <td>greep</td> <td> </td> <td> </td> <td></td> </tr> <input><tr><td colspan="4">Quantity<strong></strong>Entrer l'étiquette</td></tr> <tr> <td></td> <td><label></td> <td>Quantity</td> <td> </td> </tr> <tr> <td></td> <td><bouton></td> <td>Quantity</td> <td></td>Bouton</tr> <tr> <td> </td> <td></td> <td>< ;select></td> <td>Quantity</td> </tr>Sélectionner la marque<tr> <td> </td> <td></td> <td><datalist></td> <td>lég</td> </tr> <tr> <td> </td> <td></td> <td><optgroup></td> <td>gree</td> < ></tr><tr><textarea><td></td>Quantity<td></td> <td><a href="http://www.php.cn/code/5991.html" target="_blank"> </a></td> <td></td>< 🎜></tr><tr><sortie><td></td>Quantity<td></td> <td></td> <td></td> </tr> <tr><progrès> ;<td> </td>Quantity<td></td> <td></td> <td></td></tr><tr><mètre><td></td>Quantity<td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td> </td>Interactif éléments<td></td> <td></td> <td></td><détails></tr> <tr>Quantity<td></td> <td></td> <td></td> <td></td><résumé></tr> <tr>Quantity<td></td> <td></td> <td></td> <td></td><commande></tr> <tr>Quantity <td></td> <td></td> <td></td> <td></td><menu> > </tr> <tr> <td></td> <td>Autres balises</td> <td></td> <td></td><script></tr> <tr>Quantity<td></td> <td></td> <td></td> <td></td><noscript> </tr> <tr>Quantity<td colspan="4"><p> <strong></strong> </p></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> <tr> <td></td>Remarques : <td></td> <td> 1. ● indique que la marque est une marque de confinement et doit se terminer par la marque </mark> ;. </td> <td>2.o signifie que la balise est une balise vide et ne nécessite pas de balise de fin. </td> </tr> </tbody></table><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> <div style="display: flex;"> <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=html5,常用标签" target="_blank">html5 ,常用标签</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/357701.html" title="Partage d'exemples de code html5 WebWorkers pour empêcher le navigateur de suspendre l'animation"> <span>Article précédent:Partage d'exemples de code html5 WebWorkers pour empêcher le navigateur de suspendre l'animation</span> </a> <a href="https://www.php.cn/fr/faq/357705.html" title="Une introduction détaillée à l'attribut HTML5 Placeholder"> <span>Article suivant:Une introduction détaillée à l'attribut HTML5 Placeholder</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/377601.html">Matériel vidéo sur la création de votre propre framework PHP à partir de zéro</a> </div> <div>2023-03-15 16:54:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/377137.html">Exemple d'analyse de la façon dont PHPMailer utilise la boîte aux lettres QQ pour compléter la fonction d'envoi d'e-mails</a> </div> <div>2023-03-15 12:26:02</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/376186.html">Introduction à la façon de recevoir des e-mails en IMAP en php</a> </div> <div>2023-03-14 18:58:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/375194.html">Exemple de mise en œuvre rapide de la déduplication de tableau en PHP</a> </div> <div>2023-03-14 11:30:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/369412.html">Résumé de l'utilisation de tous les attributs de la balise <a> en html</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/379971.html">Résumé des connaissances de base de PHP (nécessaire aux débutants pour débuter)</a> </div> <div>2023-03-16 15:20:01</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/381607.html">Introduction à l'utilisation de typeof en JavaScript</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/382066.html">Introduction à l'utilisation de la méthode confirm() en JavaScript</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/357705.html">Une introduction détaillée à l'attribut HTML5 Placeholder</a> </div> <div>1970-01-01 08:00:00</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/380149.html">Comment implémenter la sélection unique, la sélection multiple et la sélection inversée dans les formulaires dans ReactJS</a> </div> <div>1970-01-01 08:00:00</div> </li> </ul> </div> <div class="wzconZzwz"> <div class="wzconZzwztitle">Derniers numéros</div> <ul> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796781054.html">Comment personnaliser le comportement de glisser-déposer avec HTML5?</a> </div> <div>2025-03-18 14:18:31</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796781053.html">Comment utiliser l'API HTML5 glisser-déposer pour les interfaces utilisateur interactives?</a> </div> <div>2025-03-18 14:17:34</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796781052.html">Comment gérer la confidentialité de l'emplacement de l'utilisateur et les autorisations avec l'API Geolocation?</a> </div> <div>2025-03-18 14:16:27</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796781050.html">Comment communiquer entre les travailleurs du Web et le fil principal?</a> </div> <div>2025-03-18 14:07:32</div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots"></span> <a target="_blank" href="https://www.php.cn/fr/faq/1796781049.html"></a> </div> <div>2025-03-18 14:06:34</div> </li> </ul> </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/html5dhzzynxz"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213560284279.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Quelles sont les méthodes de production de production d'animation html5 ?" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/html5dhzzynxz" class="title-a-spanl" title="Quelles sont les méthodes de production de production d'animation html5 ?"><span>Quelles sont les méthodes de production de production d'animation html5 ?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/htmlyhtmldeqb"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212284445490.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="La différence entre HTML et HTML5" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/htmlyhtmldeqb" class="title-a-spanl" title="La différence entre HTML et HTML5"><span>La différence entre HTML et HTML5</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/averagehsdyf"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213464128132.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment utiliser la fonction moyenne" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/averagehsdyf" class="title-a-spanl" title="Comment utiliser la fonction moyenne"><span>Comment utiliser la fonction moyenne</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/wordcrbg"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072214235975324.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="tableau d'insertion de mots" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/wordcrbg" class="title-a-spanl" title="tableau d'insertion de mots"><span>tableau d'insertion de mots</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/jsjdtdzyynx"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213530960110.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Quelles sont les principales caractéristiques des ordinateurs ?" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/jsjdtdzyynx" class="title-a-spanl" title="Quelles sont les principales caractéristiques des ordinateurs ?"><span>Quelles sont les principales caractéristiques des ordinateurs ?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/pycharmzbdmk"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072213405996146.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Comment résoudre le problème selon lequel pycharm ne trouve pas le module" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/pycharmzbdmk" class="title-a-spanl" title="Comment résoudre le problème selon lequel pycharm ne trouve pas le module"><span>Comment résoudre le problème selon lequel pycharm ne trouve pas le module</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/fzhztkjjctrlj"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212163490789.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Quelle est la touche de raccourci pour copier et coller ctrl ?" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/fzhztkjjctrlj" class="title-a-spanl" title="Quelle est la touche de raccourci pour copier et coller ctrl ?"><span>Quelle est la touche de raccourci pour copier et coller ctrl ?</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/linuxczxtdzy"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072212101131350.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="Le rôle du système d'exploitation Linux" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/linuxczxtdzy" class="title-a-spanl" title="Le rôle du système d'exploitation Linux"><span>Le rôle du système d'exploitation Linux</span> </a> </li> <li class="ul-li"> <a target="_blank" href="https://www.php.cn/fr/faq/vuecyzl"><img class="lazy" src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/subject/202407/22/2024072214262495693.jpg?x-oss-process=image/resize,m_fill,h_145,w_220" alt="vue instructions communes" /> </a> <a target="_blank" href="https://www.php.cn/fr/faq/vuecyzl" class="title-a-spanl" title="vue instructions communes"><span>vue instructions communes</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="qu'est-ce que h5" href="https://www.php.cn/fr/faq/414835.html">qu'est-ce que h5</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Comment créer une page h5 si vous ne comprenez pas le code ? Plateforme de production de pages H5 recommandée" href="https://www.php.cn/fr/faq/417718.html">Comment créer une page h5 si vous ne comprenez pas le code ? Plateforme de production de pages H5 recommandée</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Quelles sont les nouvelles fonctionnalités de html5" href="https://www.php.cn/fr/faq/473125.html">Quelles sont les nouvelles fonctionnalités de html5</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Qu'est-ce que la production de pages h5" href="https://www.php.cn/fr/faq/468382.html">Qu'est-ce que la production de pages h5</a> </div> </li> <li> <div class="wzczzwzli"> <span class="layui-badge-dots wzrolr"></span> <a style="height: auto;" title="Quelle est la différence entre le programme h5 et le mini ?" href="https://www.php.cn/fr/faq/463311.html">Quelle est la différence entre le programme h5 et le mini ?</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 class="lazy" src="/static/imghw/default1.png" data-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>1439021 <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 class="lazy" src="/static/imghw/default1.png" data-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>4300101 <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 class="lazy" src="/static/imghw/default1.png" data-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>2679105 <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 class="lazy" src="/static/imghw/default1.png" data-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>517747 <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 class="lazy" src="/static/imghw/default1.png" data-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>879108 <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 class="lazy" src="/static/imghw/default1.png" data-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 >1439021 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 class="lazy" src="/static/imghw/default1.png" data-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 >2679105 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 class="lazy" src="/static/imghw/default1.png" data-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 >517747 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 class="lazy" src="/static/imghw/default1.png" data-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 >217240 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 class="lazy" src="/static/imghw/default1.png" data-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 >924303 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 class="lazy" src="/static/imghw/default1.png" data-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 >9953 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 class="lazy" src="/static/imghw/default1.png" data-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 >8007 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 class="lazy" src="/static/imghw/default1.png" data-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 >6814 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 class="lazy" src="/static/imghw/default1.png" data-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 >849 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 class="lazy" src="/static/imghw/default1.png" data-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 >33243 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?1742634461"></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>