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/631024.html" title="Collection complète de 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/202311/27/2023112709552750910.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Collection complète de balises HTML" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/631024.html" title="Collection complète de balises HTML" class="Articlelist_txts_title">Collection complète de balises HTML</a></h3><p class="Articlelist_txts_p">HTML标签有<!DOCTYPE>、<html>、<head>、<title>、<meta>、<link>、<style>、<script>、<body>、<h1> - <h6>、<p >、<a>、<img>、<div>、<span>、<input>、<bouton>、<formulaire</p><span class="Articlelist_txts_time">Nov 27, 2023 am 10:05 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=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/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/540491.html" title="Comment utiliser les 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/202305/15/2023051520103691131.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Comment utiliser les balises HTML" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/540491.html" title="Comment utiliser les balises HTML" class="Articlelist_txts_title">Comment utiliser les balises HTML</a></h3><p class="Articlelist_txts_p">HTML (HyperText Markup Language) est un langage standard pour créer des pages Web. Il se compose d'une série de balises et d'attributs grâce auxquels le contenu de la page Web peut être décrit et organisé. Expliquons quelques balises HTML couramment utilisées et leur utilisation. 1. Balise de titre (<h1> ~ <h6>) La balise de titre est utilisée pour définir le titre de la page Web. Il existe six niveaux, du plus grand au plus petit, ce sont <h1> ~ <h6>. Lors de la rédaction de pages Web, il convient de noter que <h1> doit être le plus grand</p><span class="Articlelist_txts_time">May 15, 2023 pm 08:10 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/540160.html" title="les balises html ne s'enroulent pas" 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/2023051514050714963.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="les balises html ne s'enroulent pas" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/540160.html" title="les balises html ne s'enroulent pas" class="Articlelist_txts_title">les balises html ne s'enroulent pas</a></h3><p class="Articlelist_txts_p">La raison pour laquelle les balises HTML ne sont pas renvoyées à la ligne est que la méthode de formatage par défaut du HTML traite tous les éléments comme des éléments de niveau bloc, ce qui signifie que chaque élément occupera sa propre ligne, avec un espace au-dessus et en dessous. Cependant, il peut y avoir des situations dans lesquelles nous devons afficher plusieurs éléments dans la même ligne et ne voulons pas d'espace blanc supplémentaire entre eux. Ci-dessous, je présenterai en détail comment éviter le retour à la ligne automatique des étiquettes en HTML. 1. Utilisez des éléments en ligne. Utilisez des éléments avec des caractéristiques en ligne, telles que `<span>` et `<a>`, etc. pour éviter le retour automatique aux étiquettes. C'est parce que l'élément en ligne</p><span class="Articlelist_txts_time">May 15, 2023 pm 02:05 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/540161.html" title="Remplacement régulier des 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/202305/15/2023051514060897385.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Remplacement régulier des balises html" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/540161.html" title="Remplacement régulier des balises html" class="Articlelist_txts_title">Remplacement régulier des balises html</a></h3><p class="Articlelist_txts_p">HTML est le langage standard pour les pages Web, mais dans certains cas, nous devons extraire du texte brut des pages Web HTML. Dans ce cas, remplacer les balises HTML est utile. Cet article explique comment utiliser les expressions régulières pour remplacer les balises HTML. Tout d’abord, qu’est-ce qu’une expression régulière ? Une expression régulière est une expression utilisée pour faire correspondre des chaînes. Il peut être utilisé pour rechercher, remplacer et extraire du texte. Les expressions régulières sont couramment utilisées dans le traitement de texte, comme la recherche et la recherche de texte dans la programmation ou dans les éditeurs de texte. Utiliser des expressions régulières pour remplacer les balises HTML Dans de nombreux cas, nous souhaitons</p><span class="Articlelist_txts_time">May 15, 2023 pm 02:06 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/545709.html" title="évasion de la balise 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/202305/21/2023052115550861594.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="évasion de la balise HTML" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/545709.html" title="évasion de la balise HTML" class="Articlelist_txts_title">évasion de la balise HTML</a></h3><p class="Articlelist_txts_p">Dans le développement Web, nous utilisons souvent des balises ou des éléments html. Ces balises sont généralement utilisées pour décrire et afficher le contenu de la page, notamment le texte, les images, les liens, les tableaux, etc. Cependant, lors de l'utilisation de ces balises, nous devons faire attention à certains caractères spéciaux, tels que <, >, &, etc. Ces caractères peuvent affecter l'affichage des balises ou même provoquer des erreurs de code. Pour résoudre ce problème, nous devons utiliser les caractères d'échappement des balises HTML. 1. Qu'est-ce que le HTML s'échappe ? L'échappement HTML fait référence à la conversion de certains caractères spéciaux en caractères d'entité ou balises correspondants.</p><span class="Articlelist_txts_time">May 21, 2023 pm 03:55 PM</span></div></div><hr /><div class="Articlelist_txts"><a href="https://m.php.cn/fr/faq/555779.html" title="Comment supprimer les balises HTML dans le code PHP" 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/202306/06/2023060609382461438.jpg?x-oss-process=image/resize,m_fill,h_135,w_240" class="lazy"
alt="Comment supprimer les balises HTML dans le code PHP" /></a><div class="Articlelist_txts_info"><h3><a href="https://m.php.cn/fr/faq/555779.html" title="Comment supprimer les balises HTML dans le code PHP" class="Articlelist_txts_title">Comment supprimer les balises HTML dans le code PHP</a></h3><p class="Articlelist_txts_p">La méthode pour supprimer les balises HTML en PHP est la suivante : 1. Créez un exemple de fichier PHP ; 2. Créez une variable $html_string pour stocker les caractères avec les balises HTML ; 3. Utilisez la syntaxe "strip_tags($html_string)" pour supprimer toutes les balises HTML et leur contenu Supprimer de la chaîne 4. Afficher la chaîne supprimée via echo.</p><span class="Articlelist_txts_time">Jun 06, 2023 am 11:00 AM</span><div class="Articlelist_txts_infos"><a href="https://m.php.cn/fr/search?word=php"><span class="Articlelist_txts_infoss on">php</span></a></div></div></div><hr /></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/679836.html" title="Comprendre les attributs globaux des balises HTML" class="phpgenera_Details_mainR4_bottom_title">Comprendre les attributs globaux des balises HTML</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 Il y a des années</span><span>By王林</span></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/631024.html" title="Collection complète de balises HTML" class="phpgenera_Details_mainR4_bottom_title">Collection complète de balises HTML</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/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/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/555779.html" title="Comment supprimer les balises HTML dans le code PHP" class="phpgenera_Details_mainR4_bottom_title">Comment supprimer les balises HTML dans le code PHP</a><div class="phpgenera_Details_mainR4_bottoms_info"><span>1 Il y a des années</span><span>By尊渡假赌尊渡假赌尊渡假赌</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/ai-hay" title="AI Hay" 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/174580374818781.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="AI Hay" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/fr/ai/ai-hay" title="AI Hay" class="phpmain_tab2_mids_title"><h3>AI Hay</h3></a><p>Le premier moteur de réponse IA du Vietnam: précis, fiable et toujours à jour. Aimé par des millions d'étudiants vietnamiens</p></div></div><div class="phpmain_tab2_mids_top"><a href="https://m.php.cn/fr/ai/learn-earth" title="Learn Earth" 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/174580371949328.jpg?x-oss-process=image/resize,m_fill,h_45,w_45" class="lazy" alt="Learn Earth" /></a><div class="phpmain_tab2_mids_info"><a href="https://m.php.cn/fr/ai/learn-earth" title="Learn Earth" class="phpmain_tab2_mids_title"><h3>Learn Earth</h3></a><p>Plateforme d'apprentissage adaptative axée sur l'IA pour l'éducation personnalisée.</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/mysqlsy" title="Index MySQL" class="phpgenera_Details_mainR4_bottom_title">Index MySQL</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>143</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>4</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/addzjavazdys" title="Que signifie ajouter en Java ?" class="phpgenera_Details_mainR4_bottom_title">Que signifie ajouter en Java ?</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>152</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>7</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/kafkaxfzysmzy" title="Quel est le rôle du groupe de consommateurs Kafka" class="phpgenera_Details_mainR4_bottom_title">Quel est le rôle du groupe de consommateurs Kafka</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>115</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/iexploreexe" title="iexplore.exe" class="phpgenera_Details_mainR4_bottom_title">iexplore.exe</a><div class="phpgenera_Details_mainR4_bottoms_info"><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/eyess.png" alt="" /><span>231</span></div><div class="phpgenera_Details_mainR4_bottoms_infos"><img src="/static/imghwm/tiezi.png" alt="" /><span>3</span></div></div></div><div class="phpgenera_Details_mainR4_bottoms"><a href="https://m.php.cn/fr/faq/phpxnzmy" title="Quelles sont les performances de php8 ?" class="phpgenera_Details_mainR4_bottom_title">Quelles sont les performances de php8 ?</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>6</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"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！</p></div><div class="footermid"><a href="https://m.php.cn/fr/about/us.html">À propos de nous</a><a href="https://m.php.cn/fr/about/disclaimer.html">Clause de non-responsabilité</a><a href="https://m.php.cn/fr/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved
</p></div></div></footer><script>isLogin = "0";</script><!-- 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 --><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>
81
12
