Les balises HTML courantes sont : 1. : définit l'élément racine du document HTML ; 2.
: contient les métadonnées du document HTML, telles que le titre, le style et le script 3.
: définit le titre ; du document HTML ; 4. <meta> : Définir les métadonnées du document HTML, telles que le jeu de caractères, l'auteur, les mots-clés, etc. ; 5. <style> : Définir le style du document HTML ; : Définir le script du document HTML, etc.</p><span class="Articlelist_txts_time">Nov 01, 2023 am 10:44 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/fr/search?word=html标签"><span class="Articlelist_txts_infoss on">html标签</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/515129.html" title="Parlons de quelques balises HTML courantes" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202304/13/2023041314215433422.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Parlons de quelques balises HTML courantes" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/515129.html" title="Parlons de quelques balises HTML courantes" class="Articlelist_txts_title">Parlons de quelques balises HTML courantes</a></h3><p class="Articlelist_txts_p">Paramètres des balises HTML HTML est l'abréviation de HyperText Markup Language, qui est un langage de balisage utilisé pour créer des pages Web et des applications Web. En HTML, les documents sont rendus plus lisibles et accessibles grâce à l'utilisation de diverses balises et attributs pour organiser et formater le contenu. Dans cet article, nous nous concentrerons sur certaines balises HTML courantes, ainsi que sur leur syntaxe et leur utilisation. Balises de texte En HTML, les balises de texte sont utilisées pour styliser et formater le texte. Voici quelques balises de texte couramment utilisées : 1. \<</p><span class="Articlelist_txts_time">Apr 13, 2023 pm 01:37 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/601968.html" title="Balises HTML" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/887/227/169382670559036.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Balises HTML" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/601968.html" title="Balises HTML" class="Articlelist_txts_title">Balises HTML</a></h3><p class="Articlelist_txts_p">Les éléments HTML sont utilisés pour décrire les métadonnées, c'est-à-dire la description, les mots-clés, l'auteur du document, etc. Ces métadonnées ne sont pas affichées sur la page, mais sont utilisées par les moteurs de recherche, les navigateurs web, etc. Vous pouvez désormais également définir les dimensions de la page Web en définissant la fenêtre d'affichage sous - <metaname="viewport" content="width=device-width,initial-scale=1.0"> Voici les propriétés - Sr.No Type et Description 1 Nom Nom de l'attribut. Cela peut être n'importe quoi. Les exemples incluent les mots-clés, la description, l'auteur, la révision, le générateur, etc. 2 Le contenu spécifie la valeur de l'attribut. Le schéma 3 (obsolète) fait référence à</p><span class="Articlelist_txts_time">Sep 04, 2023 pm 07:25 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/fr/search?word=html标签"><span class="Articlelist_txts_infoss on">html标签</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/540385.html" title="balises HTML et utilisation" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202305/15/2023051518050855759.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="balises HTML et utilisation" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/540385.html" title="balises HTML et utilisation" class="Articlelist_txts_title">balises HTML et utilisation</a></h3><p class="Articlelist_txts_p">Avec la popularité d’Internet, la conception de sites Web est devenue une compétence très répandue. Pour les personnes qui souhaitent comprendre la conception Web, il est essentiel de comprendre les balises HTML et leur utilisation. HTML est l'abréviation de HyperText Markup Language, qui est un langage de balisage utilisé pour décrire le contenu des pages Web. Les balises HTML sont au cœur du HTML Grâce à ces balises, nous pouvons contrôler la structure et le style des pages Web. Examinons ensuite les balises HTML courantes et leur utilisation : 1. Doctype</p><span class="Articlelist_txts_time">May 15, 2023 pm 06:05 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/415451.html" title="Que signifie la balise titre ?" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c6e50fe7c7eb296.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Que signifie la balise titre ?" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/415451.html" title="Que signifie la balise titre ?" class="Articlelist_txts_title">Que signifie la balise titre ?</a></h3><p class="Articlelist_txts_p">L'élément titre définit le titre du document. Les navigateurs utilisent le titre d'une manière spéciale et le placent généralement sur la barre de titre ou la barre d'état de la fenêtre du navigateur. De même, lorsqu'un document est ajouté à la liste de liens ou à la liste de favoris ou de signets d'un utilisateur, le titre devient le nom par défaut du lien vers le document.</p><span class="Articlelist_txts_time">Feb 21, 2019 pm 03:23 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/408210.html" title="Qu'est-ce que la balise head ? Introduction à la balise head en HTML" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/009/5b715421c3505371.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Qu'est-ce que la balise head ? Introduction à la balise head en HTML" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/408210.html" title="Qu'est-ce que la balise head ? Introduction à la balise head en HTML" class="Articlelist_txts_title">Qu'est-ce que la balise head ? Introduction à la balise head en HTML</a></h3><p class="Articlelist_txts_p">Cet article vous apporte le contenu sur ce qu'est la balise head ? L'introduction de la balise head en HTML a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère qu'elle vous sera utile.</p><span class="Articlelist_txts_time">Aug 13, 2018 pm 05:50 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/fr/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/414890.html" title="Quelle est l'étiquette de la tête ?" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c516c9641d3c479.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Quelle est l'étiquette de la tête ?" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/414890.html" title="Quelle est l'étiquette de la tête ?" class="Articlelist_txts_title">Quelle est l'étiquette de la tête ?</a></h3><p class="Articlelist_txts_p">La balise head est une balise intégrée incluse dans la partie HEAD d'une page Web. Elle est généralement utilisée pour déclarer le langage de script utilisé et la méthode utilisée lors de la transmission de la page Web.</p><span class="Articlelist_txts_time">Jan 30, 2019 pm 05:22 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/fr/search?word=head"><span class="Articlelist_txts_infoss on">head</span></a><a href="https://m.php.cn/fr/search?word=étiquettedetête"><span class="Articlelist_txts_infoss ">étiquette de tête</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/385368.html" title="Introduction aux utilisations courantes des balises méta HTML" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/061/021/5a654ffb08ded432.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Introduction aux utilisations courantes des balises méta HTML" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/385368.html" title="Introduction aux utilisations courantes des balises méta HTML" class="Articlelist_txts_title">Introduction aux utilisations courantes des balises méta HTML</a></h3><p class="Articlelist_txts_p">Cette fois, je vais vous présenter l'utilisation courante des balises méta HTML et quelles sont les précautions d'utilisation des balises méta HTML. Ce qui suit est un cas pratique, jetons un coup d'œil.</p><span class="Articlelist_txts_time">Jan 22, 2018 am 10:44 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/fr/search?word=html"><span class="Articlelist_txts_infoss on">html</span></a><a href="https://m.php.cn/fr/search?word=meta"><span class="Articlelist_txts_infoss ">meta</span></a><a href="https://m.php.cn/fr/search?word=用法"><span class="Articlelist_txts_infoss ">用法</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/453181.html" title="Quelle est la fonction de la balise de style" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/202006/28/2020062811391967846.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Quelle est la fonction de la balise de style" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/453181.html" title="Quelle est la fonction de la balise de style" class="Articlelist_txts_title">Quelle est la fonction de la balise de style</a></h3><p class="Articlelist_txts_p">La balise de style est utilisée pour décrire le style à définir. La balise de style est utilisée pour définir les informations de style pour le document HTML. Dans l'élément de style, vous pouvez spécifier comment l'élément HTML doit être présenté dans le navigateur. placé dans la tête.</p><span class="Articlelist_txts_time">Jun 28, 2020 am 11:41 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/fr/search?word=css"><span class="Articlelist_txts_infoss on">css</span></a><a href="https://m.php.cn/fr/search?word=style"><span class="Articlelist_txts_infoss ">style</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/415259.html" title="Que signifie la balise de script ?" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c67a2b596718778.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Que signifie la balise de script ?" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/415259.html" title="Que signifie la balise de script ?" class="Articlelist_txts_title">Que signifie la balise de script ?</a></h3><p class="Articlelist_txts_p">La balise script est utilisée pour définir des scripts côté client, tels que JavaScript. L'élément script peut contenir des instructions de script ou pointer vers des fichiers de script externes via l'attribut src.</p><span class="Articlelist_txts_time">Feb 16, 2019 pm 01:43 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/fr/search?word=balisedescript"><span class="Articlelist_txts_infoss on">balise de script</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/420831.html" title="Comment utiliser la balise body HTML" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/020/5cecabcd14547560.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Comment utiliser la balise body HTML" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/420831.html" title="Comment utiliser la balise body HTML" class="Articlelist_txts_title">Comment utiliser la balise body HTML</a></h3><p class="Articlelist_txts_p">La balise body html est la partie corps d'une page Web, qui est utilisée pour définir le contenu principal de la page Web et constitue également une partie nécessaire d'un document HTML. L'élément body contient tout le contenu du document (tel que le texte, les hyperliens, les images, les tableaux, les listes, etc.)</p><span class="Articlelist_txts_time">May 28, 2019 am 11:34 AM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/409228.html" title="Que signifie la balise d'en-tête html5 ? Explication détaillée de l'utilisation de la balise d'en-tête HTML5 (avec exemples)" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/023/5b876a6db9acd783.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Que signifie la balise d'en-tête html5 ? Explication détaillée de l'utilisation de la balise d'en-tête HTML5 (avec exemples)" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/409228.html" title="Que signifie la balise d'en-tête html5 ? Explication détaillée de l'utilisation de la balise d'en-tête HTML5 (avec exemples)" class="Articlelist_txts_title">Que signifie la balise d'en-tête html5 ? Explication détaillée de l'utilisation de la balise d'en-tête HTML5 (avec exemples)</a></h3><p class="Articlelist_txts_p">Cet article vous présente principalement une introduction de base aux éléments de la balise d'en-tête html5 et une analyse d'exemples d'utilisation de la balise d'en-tête. Jetons un coup d'œil à cet article sur les balises d'en-tête html5.</p><span class="Articlelist_txts_time">Aug 30, 2018 pm 01:41 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/fr/search?word=header"><span class="Articlelist_txts_infoss on">header</span></a><a href="https://m.php.cn/fr/search?word=html"><span class="Articlelist_txts_infoss ">html</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/415186.html" title="Qu'est-ce que la balise de navigation ?" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c6627e5dd23f973.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Qu'est-ce que la balise de navigation ?" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/415186.html" title="Qu'est-ce que la balise de navigation ?" class="Articlelist_txts_title">Qu'est-ce que la balise de navigation ?</a></h3><p class="Articlelist_txts_p">La balise nav définit des parties du lien de navigation et divise les liens avec les propriétés de navigation, ce qui rend la structure du code plus précise sémantiquement et offre une meilleure prise en charge des appareils tels que les lecteurs d'écran.</p><span class="Articlelist_txts_time">Feb 15, 2019 am 10:48 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/fr/search?word=balisedenavigation"><span class="Articlelist_txts_infoss on">balise de navigation</span></a></div></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/408543.html" title="Que signifie la balise principale html5 ? Introduction détaillée au rôle de la balise principale HTML5" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/023/5b7633770fc3b240.png?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Que signifie la balise principale html5 ? Introduction détaillée au rôle de la balise principale HTML5" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/408543.html" title="Que signifie la balise principale html5 ? Introduction détaillée au rôle de la balise principale HTML5" class="Articlelist_txts_title">Que signifie la balise principale html5 ? Introduction détaillée au rôle de la balise principale HTML5</a></h3><p class="Articlelist_txts_p">Que signifie la balise principale html5 ? Une introduction détaillée au rôle de la balise principale html5. Cet article parle principalement de la définition et des fonctions spécifiques de la balise principale html5, ainsi que des instructions détaillées sur l'utilisation de la balise principale html5.</p><span class="Articlelist_txts_time">Aug 17, 2018 pm 01:41 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/415262.html" title="Quelle est la fonction de la balise de section" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c67a54a09907875.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Quelle est la fonction de la balise de section" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/415262.html" title="Quelle est la fonction de la balise de section" class="Articlelist_txts_title">Quelle est la fonction de la balise de section</a></h3><p class="Articlelist_txts_p">La balise section définit une section (section, section) dans le document. Tels que les chapitres, les en-têtes, les pieds de page ou d’autres parties du document. L’élément section représente une section du document ou de l’application. Par « section », j'entends une zone de contenu regroupée par sujet, généralement avec un titre.</p><span class="Articlelist_txts_time">Feb 16, 2019 pm 01:54 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/414996.html" title="À quoi sert la balise article ?" class="Articlelist_txtsimg"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghw/default1.png"
data-src="https://img.php.cn/upload/article/000/000/027/5c53ed6403796360.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="À quoi sert la balise article ?" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/414996.html" title="À quoi sert la balise article ?" class="Articlelist_txts_title">À quoi sert la balise article ?</a></h3><p class="Articlelist_txts_p">Le rôle de la balise article en HTML est de spécifier un contenu autonome indépendant, où le contenu externe est un nouvel article provenant d'un fournisseur de nouvelles externe, ou du texte d'un blog, ou du texte d'un forum, ou d'autres sources externes. .</p><span class="Articlelist_txts_time">Feb 01, 2019 pm 02:56 PM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/fr/search?word=balisedarticle"><span class="Articlelist_txts_infoss on">balise d'article</span></a></div></div></div><hr /><ul class="pagination"><div class="mngfPage"><ul class="page"> <a href="javascript:;" class="active">1</a><a href="/fr/faq/cjdhtmlbq?p=2">2</a><a href="/fr/faq/cjdhtmlbq?p=3">3</a> <a href="/fr/faq/cjdhtmlbq?p=2">></a></ul></div></ul></div><div class="AI_ToolDetails_main4sR"><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/hotarticle2.png" alt="" /><h2>Article chaud</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/624097.html" title="Balises HTML courantes" class="phpgenera_Details_mainR4_bottom_title">Balises HTML courantes</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 Il y a des années</span><span>Byzbt</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/603677.html" title="que signifie une balise" class="phpgenera_Details_mainR4_bottom_title">que signifie une balise</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 Il y a des années</span><span>ByDDD</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/601968.html" title="Balises HTML" class="phpgenera_Details_mainR4_bottom_title">Balises HTML</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 Il y a des années</span><span>ByWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/540385.html" title="balises HTML et utilisation" class="phpgenera_Details_mainR4_bottom_title">balises HTML et utilisation</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 Il y a des années</span><span>ByWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/515129.html" title="Parlons de quelques balises HTML courantes" class="phpgenera_Details_mainR4_bottom_title">Parlons de quelques balises HTML courantes</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 Il y a des années</span><span>ByPHPz</span></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/fr/article.html">Afficher plus</a></div></div></div><div class="phpgenera_Details_mainR3"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/hottools2.png" alt="" /><h2>Outils chauds</h2></div><div class="phpgenera_Details_mainR3_bottom"><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/fr/ai/kits-ai" title="Kits AI" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417754263702.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Kits AI" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/fr/ai/kits-ai" title="Kits AI" class="phpmain_tab2_mids_title"><h3>Kits AI</h3></a><p>Transformez votre voix avec les voix d'artistes IA. Créez et entraînez votre propre modèle vocal IA.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/fr/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173417756684210.jpeg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="SOUNDRAW - AI Music Generator" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/fr/ai/soundraw-ai-music-generator" title="SOUNDRAW - AI Music Generator" class="phpmain_tab2_mids_title"><h3>SOUNDRAW - AI Music Generator</h3></a><p>Créez facilement de la musique pour des vidéos, des films et bien plus encore avec le générateur de musique AI de SOUNDRAW.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/fr/ai/web-chatgptai" title="Web ChatGPT.ai" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/173399378227633.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Web ChatGPT.ai" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/fr/ai/web-chatgptai" title="Web ChatGPT.ai" class="phpmain_tab2_mids_title"><h3>Web ChatGPT.ai</h3></a><p>Extension Chrome gratuite avec chatbot OpenAI pour une navigation efficace.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/fr/ai/dooray" title="Dooray!" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/174398984540747.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Dooray!" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/fr/ai/dooray" title="Dooray!" class="phpmain_tab2_mids_title"><h3>Dooray!</h3></a><p>Outil de collaboration tout-en-un pour la gestion et la communication de projet.</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/fr/ai/mathos-ai-math-solver-amp-calculator" title="Mathos | AI Math Solver & Calculator" class="phpmain_tab2_mids_top_img"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/default1.png"
data-src="https://img.php.cn/upload/ai_manual/001/246/273/174398982025426.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Mathos | AI Math Solver & Calculator" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/fr/ai/mathos-ai-math-solver-amp-calculator" title="Mathos | AI Math Solver & Calculator" class="phpmain_tab2_mids_title"><h3>Mathos | AI Math Solver & Calculator</h3></a><p>Solver mathématique GRATUIT pour les élèves résolvant des problèmes mathématiques complexes.</p></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/fr/ai">Afficher plus</a></div></div></div><div class="phpgenera_Details_mainR4"><div class="phpmain1_4R_readrank"><div class="phpmain1_4R_readrank_top"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
onerror="this.onerror=''; this.src='/static/imghwm/default1.png'"
src="/static/imghwm/hotarticle2.png" alt="" /><h2>Sujets chauds</h2></div><div class="phpgenera_Details_mainR4_bottom"><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/seogjcpmgj" title="Quels sont les outils de classement des mots clés SEO ?" class="phpgenera_Details_mainR4_bottom_title">Quels sont les outils de classement des mots clés SEO ?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>175</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>8</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/wfldyjzmb" title="0x00000006 Que faire si l'imprimante ne peut pas être connectée ?" class="phpgenera_Details_mainR4_bottom_title">0x00000006 Que faire si l'imprimante ne peut pas être connectée ?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>175</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/instantiation" title="solution d'exception d'instanciationexception" class="phpgenera_Details_mainR4_bottom_title">solution d'exception d'instanciationexception</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>128</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>5</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/mysqlsxgdcx" title="Comment implémenter une requête récursive dans MySQL" class="phpgenera_Details_mainR4_bottom_title">Comment implémenter une requête récursive dans MySQL</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>282</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>6</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/rcpggj" title="Outils d'évaluation des talents" class="phpgenera_Details_mainR4_bottom_title">Outils d'évaluation des talents</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>140</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>4</span></div></div></div></div><div class="phpgenera_Details_mainR3_more"><a href="https://m.php.cn/fr/faq/zt">Afficher plus</a></div></div></div></div></main><footer><div class="footer footermedit"><div class="footertop"><img onerror="this.onerror=''; this.src='/static/imghwm/default1.png'" src="/static/imghwm/logo.png"
alt="" /><p>Public welfare online PHP training，Help PHP learners grow quickly！</p></div><div class="footermid"><a href="" title="">About us</a><a href="" title="">Disclaimer</a><a href="" title="">Sitemap</a></div><div class="footerbottom"><p>© php.cn All rights reserved</p></div></div></footer><script>
// 通用函数，用于显示或隐藏元素
function toggleElementsDisplay(className, show) {
const elements = document.getElementsByClassName(className);
for (let i = 0; i < elements.length; i++) {
elements[i].style.display = show ? "block" : "none";
}
}
// 绑定事件监听器
function bindEventListeners() {
const toggleDisplay = (className, show, eventId) => {
document.getElementById(eventId).addEventListener("click", (event) => {
event.preventDefault();
toggleElementsDisplay(className, show);
});
};
toggleDisplay("m_editormain12main", true, "fixed_tab_img");
toggleDisplay("m_editormain12main", false, "fixed_tab_topi");
toggleDisplay("m_editormain12main", false, "fixed_tab_close");
// 控制 m_menu 的显示和隐藏
toggleDisplay("m_menu", true, "lan1sp");
toggleDisplay("m_menu", false, "m_editormain12main_topi_sp");
// 控制 m_menu_lang 的显示和隐藏
toggleDisplay("m_menu_lang", true, "lan1");
toggleDisplay("m_menu_lang", false, "m_editormain12main_topi_lan");
}
// 在页面加载完成后绑定事件监听器
window.onload = bindEventListeners;
layui.use(function () {
var util = layui.util;
util.fixbar({
on: {
mouseenter: function (type) {
layer.tips(type, this, {
tips: 4,
fixed: true,
});
},
mouseleave: function (type) {
layer.closeAll("tips");
},
},
});
});
// 获取关闭按钮
const closeButton = document.querySelector(".phpgenera_Details_mainR1_close");
// 获取容器元素
const container = document.querySelector(".phpgenera_Details_mainR1");
// 添加点击事件监听器
closeButton.addEventListener("click", (event) => {
event.preventDefault(); // 阻止默认的<a>点击行为
container.style.display = "none"; // 隐藏容器
});
document.addEventListener("DOMContentLoaded", () => {
// 动态获取所有滚动链接及隐藏目标元素
const links = [{
linkId: "fixed_tab_a1",
targetId: "Topic_Details_mainL2_R_title1",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
{
linkId: "fixed_tab_a2",
targetId: "Topic_Details_mainL2_R_title2",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
{
linkId: "fixed_tab_a3",
targetId: "Topic_Details_mainL2_R_title3",
hideElementId: "fixed_tab_titlelist", // 要隐藏的元素 ID
},
];
links.forEach(({
linkId,
targetId,
hideElementId
}) => {
const linkElement = document.getElementById(linkId);
const targetElement = document.getElementById(targetId);
const hideElement = document.getElementById(hideElementId);
if (linkElement && targetElement) {
linkElement.addEventListener("click", (e) => {
e.preventDefault(); // 阻止默认行为
// 隐藏指定元素
if (hideElement) {
hideElement.style.display = "none";
}
// 平滑滚动到目标元素
targetElement.scrollIntoView({
behavior: "smooth"
});
});
} else {
console.warn(
`Link, target, or hide element not found: ${linkId}, ${targetId}, ${hideElementId}`
);
}
});
});
</script></body></html>
329
34
