Cette section commence par la modification détaillée du texte, afin que les lecteurs puissent comprendre les changements dans les différents formats de police HTML et créer des pages Web plus professionnelles.
4.2 Modifications diverses du texte
Dans la section précédente, nous avons appris différents réglages pour les gros paragraphes, et il semble plus intéressant de modifier le texte lui-même. Cette section commence par la modification détaillée du texte, afin que les lecteurs puissent comprendre les changements dans les différents formats de police HTML et créer des pages Web plus professionnelles.
4.2.1 Balises de base pour le réglage du style de texte—
La balise de base pour définir les styles de police est
, et le texte qu'elle contient est la portée du style. Dans l'écriture de code HTML pour débutants,
est facilement imbriqué plusieurs fois, comme
texte . Une autre situation est l'imbrication d'étiquettes mal alignées, comme
texte
. Afin de standardiser l'écriture du code et d'éviter les erreurs inutiles, les lecteurs doivent être prudents lors de l'apprentissage.
4.2.2 Définir la couleur du texte
color est l'un des attributs de la balise
, qui permet de définir la couleur du texte. Créez un fichier de page Web dans le répertoire D:web, nommez-le font_color.htm et écrivez le code comme indiqué dans le code 4.7.
Code 4.7 Paramètre de couleur de police : font_color.htm
Paramètre de la couleur de la police
Texte rouge clair :
L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte rouge foncé :
L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte vert clair :
L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte vert foncé :
L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte bleu clair :
L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte bleu foncé :
L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte jaune clair :
L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte jaune foncé :
L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte cyan clair :
L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte cyan foncé :
L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte violet clair :
L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Texte violet foncé :
L'essence de l'apprentissage du HTML est d'utiliser ce qu'il est censé être
Entrez http://localhost/font_color.htm dans la barre d'adresse du navigateur, et l'effet de navigation est tel qu'illustré dans la figure 4.7.
Figure 4.7 Paramètre de couleur de police
Les lecteurs peuvent non seulement apprendre l'utilisation de l'attribut color dans la balise font du Code 4.7, mais également se familiariser avec les méthodes de représentation des différentes couleurs.
4.2.3 Définir la taille du texte
size est également un attribut de la balise
, utilisée pour définir la taille du texte. La valeur de size est comprise entre 1 et 7 et la valeur par défaut est 3. Nous pouvons ajouter des caractères "+" ou "-" avant la valeur de l'attribut size pour spécifier l'incrément ou le décrément par rapport à la valeur initiale de la taille de la police. Créez un fichier de page Web dans le répertoire D:web, nommez-le font_size.htm et écrivez le code comme indiqué dans le code 4.8.
Code 4.8 Paramètre de taille de police : font_size.htm
Paramètre de la taille de la police
la taille est 1 :
Apprentissage HTML
la taille est 2 :
Apprentissage HTML
la taille est 3 :
Apprentissage HTML
la taille est 4 :
Apprentissage HTML
la taille est de 5 :
Apprentissage HTML
la taille est 6 :
Apprentissage HTML
la taille est de 7 :
Apprentissage HTML
Entrez http://localhost/font_size.htm dans la barre d'adresse du navigateur, et l'effet de navigation est tel qu'illustré dans la figure 4.8.
Figure 4.8 Paramètre de taille de police
Les lecteurs peuvent essayer d'ajouter des caractères "+" ou "-" devant la valeur de taille pour définir la taille du texte de manière plus flexible.
4.2.4 Définir la police du texte
face est également un attribut de la balise
, utilisée pour définir la police du texte (style de police). Les polices affichées dans les pages Web HTML sont appelées à partir du système de navigation. Afin de conserver la cohérence des polices, il est recommandé d'utiliser la police Song, et les pages HTML utilisent également la police Song par défaut. Créez un fichier de page Web dans le répertoire D:web, nommez-le font_face.htm et écrivez le code comme indiqué dans le code 4.9.
Code 4.9 Paramètre de police : font_face.htm
Police et paramètres de police
La police est de style chanson :
Qinyuanchun·Changsha-Mao Zedong
La police est en script régulier :
Qinyuanchun·Changsha-Mao Zedong
La police est en gras :
Qinyuanchun·Changsha-Mao Zedong
La police est l'écriture officielle :
Qinyuanchun·Changsha-Mao Zedong
Entrez http://localhost/font_face.htm dans la barre d'adresse du navigateur, et l'effet de navigation est tel qu'illustré dans la figure 4.9.
Figure 4.9 Paramètre de police
L'auteur définit la taille du texte de la partie de police modifiée à la taille 5 pour la commodité des lecteurs.
4.2.5 Faire incliner le texte
Utilisez des balises doubles
pour incliner le texte afin d'obtenir des effets spéciaux, comme la date d'un article.
est appelé balise d'accentuation et est également en italique. Il est actuellement utilisé plus fréquemment que la balise
. Sa méthode d'écriture est la suivante :
Ceci est un texte en italique
Ceci est également un texte en italique
4.2.6 Rendre le texte en gras
Utilisez des balises doubles
pour mettre le texte en gras afin de le rendre plus accrocheur, comme le titre d'un article.
est appelé une balise d'emphase spéciale, et le texte est également en gras. Il est actuellement utilisé plus fréquemment que la balise
. La méthode d'écriture est la suivante :
Ceci est du texte en gras
C'est aussi du texte en gras
4.2.7 Souligner le texte
Utilisez la double balise
pour ajouter un soulignement au texte concerné. Voici un exemple complet de texte en italique, en gras et souligné. Créez un fichier de page Web dans le répertoire D:web, nommez-le font_style.htm et écrivez le code comme indiqué dans le code 4.10.
Code 4.10 Paramètres de modification du texte : font_style.htm
Paramètres de modification des polices
Italique : Qinyuanchun·Changsha-Mao Zedong
Gras : Qinyuanchun·Changsha-Mao Zedong
Souligné : Qinyuanchun·Changsha-Mao Zedong
Italique gras souligné : Qinyuanchun·Changsha-Mao Zedong
Entrez http://localhost/font_style.htm dans la barre d'adresse du navigateur, et l'effet de navigation est tel qu'illustré dans la figure 4.10.
Figure 4.10 Paramètres de modification de police
L'auteur définit la taille de tout le texte à la taille 5 pour la commodité des lecteurs.
— Remarque : lorsque plusieurs balises contiennent le même texte, leur ordre d'inclusion ne peut pas être mal placé.
4.2.8 Utilisation de plusieurs styles de titre
Dans les articles web, afin de souligner l'importance du titre, le style du titre est relativement particulier. La technologie HTML protège un ensemble de balises de style pour les titres, qui sont des balises doubles
à . La taille du texte, de grande à petite, représente différents niveaux de titres. La balise title a une particularité : elle occupe une ligne exclusive, le texte est en gras et le texte est centré. De cette façon, il est très simple de définir le titre et des titres à plusieurs niveaux peuvent être définis. Créez un fichier de page Web dans le répertoire D:web, nommez-le font_h.htm et écrivez le code comme indiqué dans le code 4.11.
Code 4.11 Paramètre du titre : font_h.htm
Paramètres du titre
Titre n°1
Titre n°2
Titre n°3
Titre n°4
Titre n°5
Titre n°6
Fortune Magazine : Pourquoi Google ne prospérera pas puis déclinera
Rencontrer des problèmes potentiels
Certaines personnes du secteur pensent que Google, qui monopolise depuis longtemps le marché de la recherche et de la publicité sur Internet, pourrait prospérer puis décliner. ... Dans le même temps, de nombreux nouveaux projets lancés récemment par Google, tels que l'Open Mobile Alliance, la plate-forme générale pour les sites de réseaux sociaux OpenSocial, et l'investissement possible de milliards de dollars dans des appels d'offres pour les bandes de fréquences sans fil, ont également été largement remis en question.
continuera à monopoliser la recherche
Certains articles disent récemment que si un meilleur moteur de recherche apparaît, les gens abandonneront Google sans hésitation. Mais même si un meilleur moteur de recherche arrive, Google existera encore pendant un certain temps. ...Dans ce cas, la vitesse du site fait souvent la différence entre la victoire et la défaite.
Entrez http://localhost/font_h.htm dans la barre d'adresse du navigateur, et l'effet de navigation est tel qu'illustré dans la figure 4.11.
Figure 4.11 Paramètres du titre
4.2.9 Apprendre à gérer les caractères spéciaux dans les pages Web
En HTML, certains caractères ont des significations particulières. Par exemple, "" sont les crochets gauche et droit de la balise, et la balise contrôle l'affichage du HTML. La balise elle-même ne peut être analysée que par le navigateur et. ne peut pas être utilisé sur la page affichée. Alors, comment afficher « » en HTML ? HTML spécifie comment écrire certains caractères spéciaux afin qu'ils puissent être affichés dans les pages Web, comme indiqué dans le tableau 4.1.
Tableau 4.1 Caractères spéciaux en HTML
Symboles spéciaux
Code HTML
Symboles spéciaux
Code HTML
<
™ (symbole de la marque)
™
>
>
® (symbole d'enregistrement)
®
"" (demi-largeur anglaise)
"
×
×
§
§
© (symbole du droit d'auteur)
©
Créez un fichier de page Web dans le répertoire D:web, nommez-le string.htm et écrivez le code string.htm comme indiqué dans le code 4.12.
Code 4.12 Paramètres des caractères spéciaux : string.htm
Paramètres des caractères spéciaux
Comment afficher la balise
:
Comment afficher les guillemets : "Guillemets doubles demi-largeurs anglais"
Comment afficher la marque : ™
Comment afficher les symboles d'immatriculation : ®
Comment afficher le symbole du droit d'auteur : ©
Afficher§
Afficher ×
Entrez http://localhost/string.htm dans la barre d'adresse du navigateur et l'effet de navigation est tel qu'illustré dans la figure 4.12.
Figure 4.12 Paramètres des caractères spéciaux
— Remarque : Pour afficher le symbole & séparément, le code & doit être utilisé.
4.2.10 Comment ignorer plus facilement l'analyse d'une partie du HTML par le navigateur
Si vous créez un exemple de code HTML similaire à celui de ce livre sur une page Web, je crains que vous deviez convertir tous les en < et >, ce qui semble gênant.
<![CDATA[ et <xmp></xmp> en code HTML peuvent facilement résoudre ce problème.
<br><plaintext> est une seule balise. Lorsqu'elle est insérée dans le code HTML, toutes les balises HTML qui la suivent seront invalides. Autrement dit, le navigateur n'analysera pas toutes les balises HTML qui suivent <plaintext> et ne les affichera pas directement sur la page. .
<br><xmp></xmp> est une double balise, qui invalide uniquement les balises du contenu qu'elle contient. <xmp></xmp> est plus couramment utilisée. Créez un fichier de page Web dans le répertoire D:web, nommez-le html.htm et écrivez le code comme indiqué dans le code 4.13.
<br>Code 4.13 Ignorer le paramétrage de la balise : html.htm
<br>
<br>
<br> <title>Ignorer les paramètres de balise</title>
<br>
<br>
<br><h2 id="Qinyuanchun-Changsha">Qinyuanchun·Changsha</h2>
<br><xmp>Dans le froid automne de l'indépendance, <strong>Allez au nord de la rivière Xiangjiang</strong>, à la tête de l'île d'Orange. <br>Regardez les montagnes couvertes de rouge, et les forêts toutes teintes <br>La rivière est pleine de vert, et <u>des centaines de bateaux se disputent le courant ; </u> <br></xmp>
<br>L'aigle frappe le ciel, <strong>Le poisson vole vers les fonds peu profonds, </strong> <br>Toutes sortes de ciel glacial se disputent la liberté. <br>Triste pour le petit aperçu, <u>Demandez à la terre sans limites </u>, qui est responsable des hauts et des bas ? <br>
<br><plaintext>
<br>Amenez des centaines de couples en voyage, <br>Remémorez-vous du passé glorieux. <br> Le jeune garçon qui n'est que mon camarade de classe est dans la fleur de l'âge <br> L'érudit est en colère et gronde Fang Qiu ; <br>Montrez le pays et inspirez des mots, <br>Le sol de fumier était comme dix mille foyers. <br> Vous êtes-vous déjà souvenu que <strong> a heurté l'eau au milieu du courant </strong> et que les vagues ont arrêté le bateau !
<br>
<br>
<br>Entrez http://localhost/string.htm dans la barre d'adresse du navigateur, et l'effet de navigation est tel qu'illustré dans la figure 4.13.
<br><img src="/static/imghw/default1.png" data-src="http://files.jb51.net/file_images/web/2009422058213177807.jpg" class="lazy" style="max-width:90%" alt="" style="max-width:90%">
<br>Figure 4.13 Ignorer les paramètres d'étiquette
<br><strong>4.2.11 Autres méthodes de modification de texte</strong>
<br>Afin de répondre aux besoins des différents domaines, HTML dispose également d'autres balises qui modifient le texte. Les plus couramment utilisées sont les balises de format exposant et les balises de format indice. Dans certains cas, l'effet de suppression est même nécessaire, c'est-à-dire que la balise de soulignement HTML peut être utilisée.
<br>—L'étiquette au format exposant est la double étiquette <sup></sup>, qui est principalement utilisée pour représenter les exposants mathématiques, tels que le carré ou le cube d'un certain nombre.
<br>—La balise de format d'indice est la balise double <sub></sub>, qui est principalement utilisée pour les commentaires et la représentation de base des mathématiques.
<br>—La balise de soulignement est une balise double <strike></strike>, qui est principalement utilisée pour les effets de suppression.
<br>Créez un fichier de page Web dans le répertoire D:web, nommez-le other.htm et écrivez le code comme indiqué dans le code 4.14.
<br>Code 4.14 Paramètres des autres balises de modification : other.htm
<br>
<br>
<br> <title>Paramètres des autres balises de modification</title>
<br>
<br>
<br><font size="5">
<br>Qinyuanchun<sup>Changsha</sup> ! <br>
<br>Représentation des exposants mathématiques : 2<sup>3</sup>=8, 100<sup>2</sup>=10000<br><hr>
<br>Qinyuanchun<sub>Changsha</sub> ! <br>
<br>Représentation de la base mathématique : log<sub>3</sub>81=4, log<sub>5</sub>125=3<br><hr>
<br>Effet de suppression : <strike>J'ai été supprimé</strike>
<br></font>
<br>
<br>
<br>Entrez http://localhost/other.htm dans la barre d'adresse du navigateur et l'effet de navigation est tel qu'illustré dans la figure 4.14.
<br><img src="/static/imghw/default1.png" data-src="http://files.jb51.net/file_images/web/2009422058217877808.jpg" class="lazy" style="max-width:90%" alt="" style="max-width:90%">
<br>Figure 4.14 Paramètres des autres balises de modification</plaintext></plaintext></plaintext></plaintext>
</div>
</div>
<div class="wzconShengming_sp">
<div class="bzsmdiv_sp">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>
</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="AI_ToolDetails_main4sR">
<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="phpgenera_Details_mainR4">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Article chaud</h2>
</div>
<div class="phpgenera_Details_mainR4_bottom">
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/1796785841.html" title="Assassin's Creed Shadows: Solution d'énigmes de coquille" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Solution d'énigmes de coquille</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>3 Il y a quelques semaines</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/1796789525.html" title="Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour" class="phpgenera_Details_mainR4_bottom_title">Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>2 Il y a quelques semaines</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/1796785857.html" title="Où trouver la courte de la grue à atomide atomique" class="phpgenera_Details_mainR4_bottom_title">Où trouver la courte de la grue à atomide atomique</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>3 Il y a quelques semaines</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/1796781206.html" title="Économie dans R.E.P.O. Expliqué (et enregistrer des fichiers)" class="phpgenera_Details_mainR4_bottom_title">Économie dans R.E.P.O. Expliqué (et enregistrer des fichiers)</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>1 Il y a quelques mois</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/1796783009.html" title="Assassin's Creed Shadows - Comment trouver le forgeron et déverrouiller les armes et la personnalisation des armes" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows - Comment trouver le forgeron et déverrouiller les armes et la personnalisation des armes</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>4 Il y a quelques semaines</span>
<span>By DDD</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.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/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>Outils d'IA chauds</h2>
</div>
<div class="phpgenera_Details_mainR3_bottom">
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/fr/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/fr/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
<h3>Undresser.AI Undress</h3>
</a>
<p>Application basée sur l'IA pour créer des photos de nu réalistes</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/fr/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/fr/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
<h3>AI Clothes Remover</h3>
</a>
<p>Outil d'IA en ligne pour supprimer les vêtements des photos.</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/fr/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/fr/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
<h3>Undress AI Tool</h3>
</a>
<p>Images de déshabillage gratuites</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/fr/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/fr/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
<h3>Clothoff.io</h3>
</a>
<p>Dissolvant de vêtements AI</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/fr/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173414504068133.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Video Face Swap" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/fr/ai/video-swap" title="Video Face Swap" class="phpmain_tab2_mids_title">
<h3>Video Face Swap</h3>
</a>
<p>Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !</p>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/fr/ai">Afficher plus</a>
</div>
</div>
</div>
<script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>
<div class="phpgenera_Details_mainR4">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Article chaud</h2>
</div>
<div class="phpgenera_Details_mainR4_bottom">
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/1796785841.html" title="Assassin's Creed Shadows: Solution d'énigmes de coquille" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Solution d'énigmes de coquille</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>3 Il y a quelques semaines</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/1796789525.html" title="Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour" class="phpgenera_Details_mainR4_bottom_title">Quoi de neuf dans Windows 11 KB5054979 et comment résoudre les problèmes de mise à jour</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>2 Il y a quelques semaines</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/1796785857.html" title="Où trouver la courte de la grue à atomide atomique" class="phpgenera_Details_mainR4_bottom_title">Où trouver la courte de la grue à atomide atomique</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>3 Il y a quelques semaines</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/1796781206.html" title="Économie dans R.E.P.O. Expliqué (et enregistrer des fichiers)" class="phpgenera_Details_mainR4_bottom_title">Économie dans R.E.P.O. Expliqué (et enregistrer des fichiers)</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>1 Il y a quelques mois</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/1796783009.html" title="Assassin's Creed Shadows - Comment trouver le forgeron et déverrouiller les armes et la personnalisation des armes" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows - Comment trouver le forgeron et déverrouiller les armes et la personnalisation des armes</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>4 Il y a quelques semaines</span>
<span>By DDD</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.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/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>Outils chauds</h2>
</div>
<div class="phpgenera_Details_mainR3_bottom">
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/fr/toolset/development-tools/92" title="Bloc-notes++7.3.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Bloc-notes++7.3.1" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/fr/toolset/development-tools/92" title="Bloc-notes++7.3.1" class="phpmain_tab2_mids_title">
<h3>Bloc-notes++7.3.1</h3>
</a>
<p>Éditeur de code facile à utiliser et gratuit</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/fr/toolset/development-tools/93" title="SublimeText3 version chinoise" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 version chinoise" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/fr/toolset/development-tools/93" title="SublimeText3 version chinoise" class="phpmain_tab2_mids_title">
<h3>SublimeText3 version chinoise</h3>
</a>
<p>Version chinoise, très simple à utiliser</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/fr/toolset/development-tools/121" title="Envoyer Studio 13.0.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Envoyer Studio 13.0.1" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/fr/toolset/development-tools/121" title="Envoyer Studio 13.0.1" class="phpmain_tab2_mids_title">
<h3>Envoyer Studio 13.0.1</h3>
</a>
<p>Puissant environnement de développement intégré PHP</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/fr/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/fr/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
<h3>Dreamweaver CS6</h3>
</a>
<p>Outils de développement Web visuel</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/fr/toolset/development-tools/500" title="SublimeText3 version Mac" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 version Mac" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/fr/toolset/development-tools/500" title="SublimeText3 version Mac" class="phpmain_tab2_mids_title">
<h3>SublimeText3 version Mac</h3>
</a>
<p>Logiciel d'édition de code au niveau de Dieu (SublimeText3)</p>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.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/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Sujets chauds</h2>
</div>
<div class="phpgenera_Details_mainR4_bottom">
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/gmailyxdlrkzn" title="Où se trouve l'entrée de connexion pour la messagerie Gmail ?" class="phpgenera_Details_mainR4_bottom_title">Où se trouve l'entrée de connexion pour la messagerie Gmail ?</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>7573</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>15</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/cakephp-tutor" title="Tutoriel CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutoriel CakePHP</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1386</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>52</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/steamdzhmcssmgs" title="Quel est le format du nom de compte de Steam" class="phpgenera_Details_mainR4_bottom_title">Quel est le format du nom de compte de Steam</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>87</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>11</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/winactivationkeyper" title="Clé d&amp;amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent" class="phpgenera_Details_mainR4_bottom_title">Clé d&amp;amp;amp;amp;amp;amp;amp;#39;activation Win11 permanent</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>62</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>19</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/fr/faq/newyorktimesdailybrief" title="NYT Connexions Indices et réponses" class="phpgenera_Details_mainR4_bottom_title">NYT Connexions Indices et réponses</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>28</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>110</span>
</div>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/fr/faq/zt">Afficher plus</a>
</div>
</div>
</div>
</div>
</div>
<div class="Article_Details_main2">
<div class="phpgenera_Details_mainL4">
<div class="phpmain1_2_top">
<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
src="/static/imghw/index2_title2.png" alt="" /></a>
</div>
<div class="phpgenera_Details_mainL4_info">
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/fr/faq/1796600245.html" title="Bordure de tableau en HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416492486715.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bordure de tableau en HTML" />
</a>
<a href="https://www.php.cn/fr/faq/1796600245.html" title="Bordure de tableau en HTML" class="phphistorical_Version2_mids_title">Bordure de tableau en HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span>
<p class="Articlelist_txts_p">Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/fr/faq/1796600238.html" title="Marge gauche HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416482056439.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Marge gauche HTML" />
</a>
<a href="https://www.php.cn/fr/faq/1796600238.html" title="Marge gauche HTML" class="phphistorical_Version2_mids_title">Marge gauche HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:48 PM</span>
<p class="Articlelist_txts_p">Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/fr/faq/1796600244.html" title="Tableau imbriqué en HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416491283996.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Tableau imbriqué en HTML" />
</a>
<a href="https://www.php.cn/fr/faq/1796600244.html" title="Tableau imbriqué en HTML" class="phphistorical_Version2_mids_title">Tableau imbriqué en HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span>
<p class="Articlelist_txts_p">Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/fr/faq/1796600271.html" title="Disposition du tableau HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416543391948.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Disposition du tableau HTML" />
</a>
<a href="https://www.php.cn/fr/faq/1796600271.html" title="Disposition du tableau HTML" class="phphistorical_Version2_mids_title">Disposition du tableau HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:54 PM</span>
<p class="Articlelist_txts_p">Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/fr/faq/1796600269.html" title="Espace réservé d'entrée HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416542577781.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Espace réservé d'entrée HTML" />
</a>
<a href="https://www.php.cn/fr/faq/1796600269.html" title="Espace réservé d'entrée HTML" class="phphistorical_Version2_mids_title">Espace réservé d'entrée HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:54 PM</span>
<p class="Articlelist_txts_p">Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/fr/faq/1796600210.html" title="Liste ordonnée HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416432927533.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Liste ordonnée HTML" />
</a>
<a href="https://www.php.cn/fr/faq/1796600210.html" title="Liste ordonnée HTML" class="phphistorical_Version2_mids_title">Liste ordonnée HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:43 PM</span>
<p class="Articlelist_txts_p">Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/fr/faq/1796600227.html" title="Déplacer du texte en HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416455153019.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Déplacer du texte en HTML" />
</a>
<a href="https://www.php.cn/fr/faq/1796600227.html" title="Déplacer du texte en HTML" class="phphistorical_Version2_mids_title">Déplacer du texte en HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:45 PM</span>
<p class="Articlelist_txts_p">Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/fr/faq/1796600246.html" title="Bouton HTML onclick" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416493797970.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bouton HTML onclick" />
</a>
<a href="https://www.php.cn/fr/faq/1796600246.html" title="Bouton HTML onclick" class="phphistorical_Version2_mids_title">Bouton HTML onclick</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span>
<p class="Articlelist_txts_p">Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.</p>
</div>
</div>
<a href="https://www.php.cn/fr/web-designer.html" class="phpgenera_Details_mainL4_botton">
<span>See all articles</span>
<img src="/static/imghw/down_right.png" alt="" />
</a>
</div>
</div>
</div>
</main>
<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?1745069160"></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>
<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>
<script>
// top
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");
},
},
});
});
document.addEventListener("DOMContentLoaded", (event) => {
// 定义一个函数来处理滚动链接的点击事件
function setupScrollLink(scrollLinkId, targetElementId) {
const scrollLink = document.getElementById(scrollLinkId);
const targetElement = document.getElementById(targetElementId);
if (scrollLink && targetElement) {
scrollLink.addEventListener("click", (e) => {
e.preventDefault(); // 阻止默认链接行为
targetElement.scrollIntoView({
behavior: "smooth"
}); // 平滑滚动到目标元素
});
} else {
console.warn(
`Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.`
);
}
}
// 使用该函数设置多个滚动链接
setupScrollLink("Article_Details_main1L2s_1", "article_main_title1");
setupScrollLink("Article_Details_main1L2s_2", "article_main_title2");
setupScrollLink("Article_Details_main1L2s_3", "article_main_title3");
setupScrollLink("Article_Details_main1L2s_4", "article_main_title4");
setupScrollLink("Article_Details_main1L2s_5", "article_main_title5");
setupScrollLink("Article_Details_main1L2s_6", "article_main_title6");
// 可以继续添加更多的滚动链接设置
});
window.addEventListener("scroll", function () {
var fixedElement = document.getElementById("Article_Details_main1Lmain");
var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器
var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度
var scrollHeight = document.documentElement.scrollHeight; // 页面总高度
// 计算距离底部的距离
var distanceToBottom = scrollHeight - scrollTop - clientHeight;
// 当距离底部小于或等于300px时，取消固定定位
if (distanceToBottom <= 980) {
fixedElement.classList.remove("Article_Details_main1Lmain");
fixedElement.classList.add("Article_Details_main1Lmain_relative");
} else {
// 否则，保持固定定位
fixedElement.classList.remove("Article_Details_main1Lmain_relative");
fixedElement.classList.add("Article_Details_main1Lmain");
}
});
</script>
</body>
</html>]]></plaintext></div></div> 
interface Web
