Partagez quelques exemples de questions d'entretien préliminaires

HTML

*Quel est le rôle de Doctype ? Comment distinguer le mode strict du mode mixte ? Que signifient-ils ?

1. La déclaration se trouve en premier dans le document, avant la balise Cette balise peut indiquer au navigateur quelle spécification HTML ou XHTML le document utilise

2. Le mode dit standard signifie que le navigateur analyse et exécute le code selon la norme W3C ; méthode pour analyser et exécuter le code, car différents navigateurs analysent et exécutent le code différemment, nous l'appelons mode bizarre.

3. Le fait que le navigateur utilise le mode standard ou le mode étrange lors de l'analyse est directement lié à la déclaration DTD dans votre page Web. La déclaration DTD définit le type de document standard (analyse en mode standard), qui sera. obligera le navigateur à utiliser la méthode correspondante pour charger et afficher la page Web, en ignorant la déclaration DTD, ce qui fera passer la page Web en mode étrange.

* Pourquoi HTML5 n'a-t-il besoin que d'écrire ?

doctype est l'abréviation de type de document dans la page, elle est utilisée pour préciser la version de xhtml (ou html) utilisée par la page. Pour créer des pages conformes aux normes, un élément essentiel et clé est la déclaration doctype. Ce n'est que lorsqu'un doctype correct est déterminé que le logo et le CSS en xhtml peuvent prendre effet normalement. html indique au navigateur que ce fichier est un fichier de page Web au format HTML. Les deux ensemble

sont la déclaration de page Web standard html5. L'original était une longue chaîne de chaînes, mais maintenant il se présente sous cette forme concise, prenant en charge le courant dominant de la norme html5, les navigateurs reconnaissent tous cette déclaration.

*Quels sont les éléments en ligne ? Que sont les éléments de niveau bloc ? Quels sont les éléments vides ?

Les éléments en ligne incluent : a b span img input select strong (ton d'accentuation)

Les éléments de niveau bloc incluent : div ul ol li dl dt dd h1-h6 p

Éléments vides bien connus :

---

Les éléments peu connus sont : 🎜 >Éléments de bloc communs

(élément de bloc) adresse - adresse blockquote - centre de référence du bloc - répertoire de bloc aligné au centre - liste de répertoires div - conteneur de niveau bloc couramment utilisé, également l'étiquette principale de la mise en page CSS dl - ensemble de champs de liste de définition - Formulaire de groupe de contrôle de formulaire - Formulaire interactif h1 - Titre h2 - Sous-titre h3 - Titre de niveau 3 h4 - Titre de niveau 4 h5 - Titre de niveau 5 h6 - Titre de niveau 6 hr - Ligne de séparation horizontale isindex - Menu d'invite de saisie - Liste de menus noframes - frames contenu facultatif, (ce contenu de bloc est affiché pour les navigateurs qui ne prennent pas en charge le frame) noscript - contenu de script facultatif (ce contenu est affiché pour les navigateurs qui ne prennent pas en charge le script) ol - formulaire de tri p - paragraphe tableau de texte préformaté - tableau ul - liste non triée (liste non ordonnée)

Éléments en ligne communs(élément en ligne) a - abbr d'ancrage - acronyme d'abréviation - première lettre b - gras (non recommandé) bdo - bidi override big - grande police br - saut de ligne citer - code de citation - code informatique (obligatoire pour citer le code source) dfn - champ de définition em - police d'accentuation - réglage de la police (non recommandé) i - italique img - saisie d'image - zone de saisie kbd - définition Texte du clavier étiquette - étiquette du tableau q - citation courte s - barré (non recommandé) samp - définir un exemple de code informatique sélectionner - sélection de projet petite - petite étendue de texte de police - conteneur en ligne commun, définir des blocs dans le texte barré - ligne barrée forte - accentuation en gras sous - indice sup - zone de texte en exposant - zone de saisie de texte multiligne tt - texte télex u - soulignement var - définir la variable

Élément variable variable L'élément est déterminé par le contexte, s'il s'agit d'un élément de bloc ou un élément en ligne [1]. applet - bouton d'applet java - bouton del - supprimer l'iframe de texte - ins de cadre en ligne - carte de texte insérée - objet bloc d'image (carte) - script d'objet objet - script client

Élément vide Parce que le contenu de l'élément HTML est le contenu entre la balise de début et la balise de fin. Et certains éléments HTML ont un contenu vide. (contenu vide), les éléments HTML contenant du contenu vide sont des éléments vides. L'élément vide [2] est fermé dans la balise d'ouverture. L'exemple
est un élément vide sans balise de fermeture.

* Quelle est la différence entre utiliser link et @import lors de l'importation de styles sur la page ?

(1) le lien est une balise XHTML En plus de charger du CSS, il peut également être utilisé pour définir du RSS, définir des attributs de connexion rel, etc.; CSS et ne peut être utilisé que lors du chargement du CSS ;

(2) Lorsque la page est chargée, le lien sera chargé en même temps, et le CSS référencé par @import attendra que la page soit chargée avant chargement ;

(3) import Il est proposé par CSS2.1 et ne peut être reconnu que dans IE5 ou supérieur, et le lien est une balise XHTML, il n'y a donc pas de problème de compatibilité

( 4) : La différence lors de l’utilisation de dom pour contrôler le style. Lorsque vous utilisez JavaScript pour contrôler le dom afin de modifier le style, vous ne pouvez utiliser que la balise de lien, car @import n'est pas contrôlable par le dom.

(5) : @import peut introduire d'autres feuilles de style dans CSS. Par exemple, vous pouvez créer une feuille de style principale et introduire d'autres feuilles de style dans la feuille de style principale.

* Veuillez présenter votre compréhension du noyau du navigateur ?

Il est principalement divisé en deux parties : le moteur de rendu (layout Engineer ou Rendering Engine) et le moteur JS.

Moteur de rendu : responsable de l'obtention du contenu de la page Web (HTML, XML, images, etc.), de l'organisation des informations (comme l'ajout de CSS, etc.) et du calcul de la méthode d'affichage du Web page, puis l'envoyer vers le moniteur ou l'imprimante. Différents noyaux de navigateur auront différentes interprétations grammaticales des pages Web, de sorte que les effets de rendu seront également différents. Tous les navigateurs Web, clients de messagerie et autres applications qui modifient et affichent du contenu Web nécessitent le noyau.

Moteur JS : analyse et exécute du javascript pour obtenir des effets dynamiques sur les pages Web.

Au début, il n'y avait pas de distinction claire entre le moteur de rendu et le moteur JS. Plus tard, le moteur JS est devenu de plus en plus indépendant, et le noyau avait tendance à se référer uniquement au moteur de rendu.

*Quels sont les noyaux courants des navigateurs ?

Il existe quatre noyaux courants :

Trident : Le noyau utilisé par le navigateur IE, ce programme de noyau a été utilisé pour la première fois dans IE4 en 1997. a été adopté par Microsoft sur la base du code Mosaic et est toujours utilisé dans l'actuel IE9. Trident est en fait un noyau ouvert, et la conception de son noyau d'interface est assez mature, c'est pourquoi de nombreux navigateurs ont émergé qui utilisent le noyau IE au lieu d'IE (comme Maxthon, The World, TT, GreenBrowser, AvantBrowser, etc.).

Gecko : Le noyau a commencé à être adopté par Netscape 6, et plus tard Mozilla FireFox a également adopté ce noyau. La caractéristique de Gecko est que le code est complètement ouvert. , donc , il a un degré élevé de développement et les programmeurs du monde entier peuvent écrire du code et ajouter des fonctions. L'origine du moteur Gecko a quelque chose à voir avec IE. Comme mentionné précédemment, IE n'utilisait pas les normes du W3C, ce qui a provoqué le mécontentement de certains développeurs de Microsoft. Ils ont fondé Mozilla avec certains employés de Netscape, qui avaient alors arrêté les mises à jour ; temps. Le noyau a été réécrit sur la base du noyau Mosaic et Geckos a été développé. Mais en fait, le navigateur avec le noyau Gecko est toujours Firefox (Firefox) avec le plus d'utilisateurs, il est donc parfois appelé Firefox core. De plus, Gecko est également un noyau multiplateforme et peut être utilisé sous Windows, BSD, Linux et Mac OS X.

Presto : Le noyau actuellement utilisé par Opera, qui a été utilisé pour la première fois dans Opera 7 en 2003. La caractéristique de ce moteur est que la vitesse de rendu a été optimisée Il s'agit du noyau de navigateur ultime qui est actuellement reconnu comme ayant la vitesse de navigation Web la plus rapide. Cependant, le prix est le sacrifice de la compatibilité des pages Web. En fait, il s'agit d'un noyau dynamique. La plus grande différence par rapport aux noyaux précédents est que le traitement des scripts présente un avantage naturel. Tout ou partie de la page peut être réanalysée en réponse aux événements du script. De plus, le noyau a la vitesse la plus rapide lors de l'exécution de Javascript. Selon des tests dans les mêmes conditions, le temps nécessaire au noyau Presto pour exécuter le même Javascript n'est qu'environ 1/3 du noyau Trident et Gecko (le noyau Trident est). le plus lent, mais les deux il n'y a pas beaucoup de différence). Malheureusement, Presto est un moteur commercial, ce qui limite grandement le développement de Presto.

Webkit : Le propre noyau d'Apple, qui est également le noyau utilisé par le navigateur Safari d'Apple. Le moteur Webkit comprend le moteur de composition WebCore et le moteur d'analyse JavaScriptCore, tous deux dérivés des moteurs KHTML et KJS de KDE. Ce sont des logiciels libres, sous licence GPL, et prennent en charge le développement de systèmes BSD. Par conséquent, Webkit est également un logiciel libre et open source. En termes de sécurité, il n'est pas limité par IE et Firefox, le navigateur Safari est donc toujours très sûr en Chine. Chrome de Google utilise également Webkit comme noyau. Le noyau WebKit est également largement utilisé sur les téléphones mobiles. Par exemple, le moteur du noyau du navigateur utilisé par le Gphone de Google et l'iPhone d'Apple sont tous basés sur WebKit. Il en va de même pour IE edge of win 10...

* Quelles sont les nouvelles fonctionnalités de html5 et quels éléments ont été supprimés ? Comment gérer les problèmes de compatibilité des navigateurs avec les nouvelles balises HTML5 ? Comment différencier HTML et HTML5 ?

HTML5 n'est plus un sous-ensemble de SGML. Il s'agit principalement de l'ajout d'images, de localisation, de stockage, de multitâche et d'autres fonctions.

Toile de peinture;

Éléments vidéo et audio pour la lecture multimédia;

Stockage local hors ligne Stockage local stockage à long terme des données, les données ne seront pas perdues une fois le navigateur lancé fermé ;

Les données de SessionStorage sont automatiquement supprimées après la fermeture du navigateur

Éléments de contenu avec une meilleure sémantique, tels que l'article, le pied de page, l'en-tête, la navigation, la section

Formulaire ; contrôles, calendrier, date, heure, email, url, recherche;

Webworker nouvelles technologies, websocket, Géolocalisation;

Éléments supprimés :

Pure Éléments de performance : basefont, big, center, font, s, strike, tt, u ;

Éléments ayant un impact négatif sur la convivialité : frame, frameset, noframes ; -- Compatible : 1 .IE8 ; /IE7/IE6 prend en charge les balises générées par la méthode document.createElement. Utilisez cette fonctionnalité pour permettre à ces navigateurs de prendre en charge les nouvelles balises HTML5. 2. Utilisez le framework html5shim

- Distinguer : La manière de déclarer DOCTYPE est un facteur important pour distinguer les marques HTML et HTML5. De plus, elle peut également être distinguée en fonction des nouveaux éléments structurels et fonctionnels.

*Décrivez brièvement votre compréhension de la sémantique HTML ?

Le HTML sémantique est un code HTML écrit qui se conforme à la structure du contenu (sémantique du contenu) et sélectionne les balises appropriées (sémantique du code), ce qui peut faciliter la lecture et l'écriture des développeurs. un code plus élégant qui est bien analysé par les robots et les machines des navigateurs.

1. La sémanticisation est bénéfique pour le référencement et aide les robots des moteurs de recherche à mieux comprendre nos pages Web, obtenant ainsi des informations plus efficaces et augmentant le poids des pages Web.

2. La structure de la page Web est clairement visible sans CSS, améliorant ainsi la lisibilité.
3. Il est pratique pour le développement et la maintenance de l'équipe. Le HTML sémantique peut faciliter la compréhension des développeurs, améliorant ainsi l'efficacité et les capacités de coordination de l'équipe.

　4. Prise en charge du rendu du navigateur pour plusieurs terminaux.

*Comment utiliser le stockage hors ligne HTML5 Pouvez-vous expliquer le principe de fonctionnement ?

Une fonctionnalité importante de HTML5 est le stockage hors ligne. Ce que l'on appelle le stockage hors ligne consiste à enregistrer certains fichiers de ressources localement, afin que les rechargements de pages ultérieurs utilisent des fichiers de ressources locaux dans des situations hors ligne. peut continuer à accéder aux applications Web, et en même temps, via certaines méthodes (mise à jour des fichiers associés ou utilisation des API associées), vous pouvez mettre à jour, supprimer le stockage hors ligne et d'autres opérations

Comment utiliser : HTML5 mentionné ci-dessus Le stockage hors ligne est basé sur un fichier .appcache nouvellement créé Grâce à la liste d'analyse de ce fichier pour stocker les ressources hors ligne, ces ressources seront stockées comme des cookies. Plus tard, lorsque le réseau sera hors ligne, le navigateur affichera la page via les données stockées hors ligne.

(1) Ajoutez un attribut manifeste à l'en-tête de la page comme ci-dessous

(2) Écrivez les ressources de stockage hors ligne dans le fichier cache.manifest

CACHEMANIFEST

#v0.11

CACHE :

js/app.js

css/style.css

RÉSEAU :

ressource/logo.png

RETOUR :

//offline.html

(3) Lorsque vous êtes hors ligne, utilisez window.applicationCache pour implémenter les exigences.

* Comment le navigateur gère-t-il et charge-t-il les ressources de stockage hors ligne HTML5 ?

Une fois en ligne, le navigateur constate que l'en-tête HTML a l'attribut manifest, et il demandera le fichier manifeste si c'est la première fois. pour accéder à l'application, le navigateur téléchargera ensuite les ressources correspondantes en fonction du contenu du fichier manifeste et les stockera hors ligne. Si l'application a été accédée et que les ressources ont été stockées hors ligne, le navigateur utilisera les ressources hors ligne pour charger la page, puis le navigateur comparera le nouveau fichier manifeste avec l'ancien fichier manifeste. Si le fichier n'a pas changé, non. L'opération sera effectuée, si le fichier change, les ressources du fichier seront à nouveau téléchargées et stockées hors ligne.

En mode hors ligne, le navigateur utilise directement les ressources stockées hors ligne.

* Veuillez décrire la différence entre les cookies, sessionStorage et localStorage ?

Ce qu'ils ont en commun : sont tous enregistrés côté navigateur et ont la même origine.

Différence : Les données des cookies sont toujours transportées dans la requête http depuis la même origine (même si elles ne sont pas nécessaires), c'est-à-dire que le cookie est transmis dans les deux sens entre le navigateur et le serveur. SessionStorage et localStorage n'envoient pas automatiquement les données au serveur, mais les enregistrent uniquement localement. Les données des cookies ont également le concept de chemin, qui peut restreindre les cookies à n'appartenir qu'à un certain chemin. La limite de taille de stockage est également différente. Les données des cookies ne peuvent pas dépasser 4 Ko. Dans le même temps, étant donné que chaque requête http contient des cookies, les cookies ne conviennent qu'à la sauvegarde de très petites données, telles que les identifiants de session. Bien que sessionStorage et localStorage aient également des limites de taille de stockage, elles sont beaucoup plus volumineuses que les cookies et peuvent atteindre 5 Mo ou plus. La période de validité des données est différente. sessionStorage : n'est valide que jusqu'à la fermeture de la fenêtre actuelle du navigateur et ne peut naturellement pas être conservée ; localStorage : est toujours valide et est enregistré même lorsque la fenêtre ou le navigateur est fermé, il est donc utilisé comme persistant ; les données ; les cookies ne sont valables que lorsque le cookie est défini. Il est valable jusqu'à la date d'expiration, même si la fenêtre ou le navigateur est fermé. Différentes étendues, sessionStorage n'est pas partagé dans différentes fenêtres de navigateur, même sur la même page ; localStorage est partagé dans toutes les fenêtres de même origine ; les cookies sont également partagés dans toutes les fenêtres de même origine. Web Storage prend en charge un mécanisme de notification d'événements qui peut envoyer des notifications de mises à jour de données aux écouteurs. L'interface API de Web Storage est plus pratique à utiliser.

*Quels sont les avantages et les inconvénients de l'iframe ?

Avantages de l'iframe :
1. L'iframe peut afficher la page Web intégrée intacte.
2. S'il existe plusieurs pages Web faisant référence à l'iframe, il vous suffit alors de modifier le contenu de l'iframe pour changer le contenu de chaque page appelée, ce qui est pratique et rapide.
3. Si la page Web a le même en-tête et la même version afin d'unifier le style, elle peut être écrite sous forme de page et imbriquée avec iframe, ce qui peut augmenter la réutilisabilité du code.
4. Si vous rencontrez du contenu tiers à chargement lent, tel que des icônes et des publicités, ces problèmes peuvent être résolus par iframe.
Inconvénients de l'iframe :
1. Il générera de nombreuses pages et n'est pas facile à gérer.
2. La structure du cadre iframe peut parfois prêter à confusion. S'il y a de nombreux cadres, des barres de défilement haut, bas, gauche et droite peuvent apparaître, ce qui distraira les visiteurs et entraînera une mauvaise expérience utilisateur.
3. Le code est complexe et ne peut pas être indexé par certains moteurs de recherche. Ceci est très critique. Les robots des moteurs de recherche actuels ne peuvent pas bien traiter le contenu des iframes, donc l'utilisation des iframes sera préjudiciable à l'optimisation des moteurs de recherche.
4. De nombreux appareils mobiles (téléphones PDA) ne peuvent pas afficher entièrement le cadre et ont une mauvaise compatibilité avec les appareils.
5.iframe frame page augmentera la requête http du serveur, ce qui n'est pas conseillé pour les grands sites Web.

Après tant d'analyses, Ajax est essentiellement utilisé à la place de l'iframe, donc l'iframe s'est progressivement retiré du développement front-end.

*Quelle est la fonction du Label ? Comment est-il utilisé ? (Enrouler avec for ou )

la balise label définit l'étiquette (marqueur) de l'élément d'entrée. L'élément
label ne présente aucun effet spécial à l'utilisateur. Cependant, cela améliore la convivialité pour les utilisateurs de souris. Ce contrôle est déclenché si vous cliquez sur le texte à l'intérieur de l'élément label. C'est-à-dire que lorsque l'utilisateur sélectionne l'étiquette, le navigateur mettra automatiquement le focus sur le contrôle de formulaire lié à l'étiquette.
Il y a deux attributs dans Label qui sont très utiles, l'un est FOR et l'autre est ACCESSKEY.
Attribut FOR :
Fonction : indique l'élément HTML à lier à la balise Label. Lorsque vous cliquez sur cette balise, l'élément lié prend le focus.
Attribut ACCESSKEY :

Fonction : Représente le raccourci clavier pour accéder à l'élément lié à la balise Label Lorsque vous appuyez sur le raccourci clavier, l'élément lié prend le focus.

*Comment désactiver la fonction de saisie semi-automatique dans le formulaire HTML5 ?

L'attribut de saisie semi-automatique spécifie si la saisie semi-automatique doit être activée pour le formulaire.
La saisie semi-automatique permet au navigateur de prédire la saisie dans un champ. Lorsque l'utilisateur commence à saisir un champ, le navigateur doit afficher des options pour remplir le champ en fonction des valeurs précédemment saisies. <form autocomplete="on/off">
par défaut. Spécifie que la fonctionnalité de saisie semi-automatique est activée.

off précise que la saisie semi-automatique est désactivée.

* Comment implémenter la communication entre plusieurs onglets dans le navigateur ? (Alibaba)

La prochaine API SharedWorker peut être utilisée dans les iframes Même le transfert données dans les onglets ou les fenêtres du navigateur. Il a été implémenté dans Chrome il y a quelques années et dans Firefox il y a quelque temps, mais il reste insaisissable dans IE et Safari.
(Besoin de trouver une solution élégante pour le scénario d'application suivant : supposons qu'une personne visite votre site Web. Elle se connecte, ouvre un deuxième onglet et sélectionne se déconnecter dans cet onglet. À ce moment-là, la personne qu'il a ouverte La page du premier onglet semble toujours "connecté", mais à ce moment-là, toutes ses opérations seront redirigées vers la page de connexion, ou le rendront directement fou. Une solution plus intéressante consiste à juger si l'utilisateur s'est déconnecté et à apporter les modifications correspondantes. Par exemple, vous pouvez afficher une boîte de dialogue pour inviter l'utilisateur à se réauthentifier, ou afficher la vue de connexion d'origine. )
Cette fonction peut être implémentée via l'API WebSocket, mais cela est quelque peu compliqué. sorti d'une taupinière. Après tout, il n'y a aucun moyen de tuer un poulet avec un gros couteau, j'ai donc commencé à chercher d'autres méthodes de communication croisée. La première chose à laquelle j'ai pensé était d'utiliser des cookies pour vérifier périodiquement si l'utilisateur est connecté via setInterval. Je ne suis pas satisfait de cette solution car elle gaspille de nombreux cycles CPU à vérifier une condition qui pourrait ne jamais être remplie. À ce stade, j'ai pensé qu'il serait préférable d'utiliser simplement "comet" (également appelé sondage), des événements côté serveur ou des WebSockets.
J'ai encore été surpris quand j'ai découvert que je montais à dos d'âne pour trouver un âne, car la réponse est localStorage depuis le début !

Saviez-vous que localStorage déclenche un événement ? Plus précisément, chaque fois qu'un élément est ajouté, modifié ou supprimé dans un autre contexte de navigation, il déclenche un événement. En fait, cela signifie que quel que soit l'onglet du navigateur qui accède à localStorage, tous les autres onglets peuvent écouter cet événement via l'objet window. Chaque fois qu'un onglet modifie localStorage, cela affectera le reste des onglets déclencheurs d'événements. Cela signifie que tant que nous attribuons une valeur à localStorage, nous pouvons communiquer entre les onglets du navigateur.

* Comment webSocket est-il compatible avec les navigateurs bas de gamme ? (Alibaba)

(Le protocole WebSocket est un nouveau protocole en HTML5. Il réalise une communication en duplex intégral entre le navigateur et le serveur. Dans le navigateur, uniquement via http. Il peut réaliser un- Communication bidirectionnelle. Comet peut simuler une communication bidirectionnelle dans une certaine mesure, mais l'efficacité est faible et nécessite un bon support de la part du serveur. Le socket et le xmlsocket en flash peuvent réaliser une véritable communication bidirectionnelle. Ces deux fonctions sont utilisées en javascript. Il est prévisible qu'une fois Websocket implémenté dans le navigateur, il remplacera les deux technologies ci-dessus et sera largement utilisé.)
WebSocket est actuellement le "seul" standard Socket du navigateur auquel on accède. via l'API fournie dans le navigateur. Les navigateurs de version inférieure n'ont pas la norme WebSocket, ce qui signifie que ces navigateurs ne permettent pas aux utilisateurs d'implémenter la communication Socket via eux. La façon de résoudre la compatibilité est de préparer une solution de sauvegarde pour Ajax + Server-. côté Script. Par exemple, Ajax + PHP Socket
Autres solutions : Adobe Flash Socket, ActiveX HTMLFile (IE), basé sur un encodage multipart

Envoi de XHR, basé sur une longue interrogation XHR.

*Quelles sont les utilisations de l'API Page Visibility ?

Détecter si la page est actuellement visible grâce à la valeur de visibilitéState, ainsi que l'heure à laquelle la page Web a été ouverte, etc.; basculé vers d'autres processus en arrière-plan, met automatiquement en pause la lecture de la musique ou de la vidéo

* Comment implémenter une zone cliquable circulaire sur la page ?

(1) map+area ou svg

(2) border-radius

(3) Y a-t-il un point requis pour le pur js ? Algorithme simple sur le cercle, obtention des coordonnées de la souris, etc.

* Parvenir à dessiner une ligne haute de 1px sans utiliser de bordures, en conservant le même effet dans les modes Quirksmode et CSSCompat des différents navigateurs .

* À quoi sert le code de vérification de page Web ? Quels problèmes de sécurité est-il utilisé pour résoudre ?

Empêcher l'enregistrement malveillant et le craquage par force brute Les enregistrements dits malveillants et le craquage par force brute sont tous effectués à l'aide d'un logiciel. Quelle que soit la rapidité de l'enregistrement manuel, vous devez toujours saisir les informations une par une, ce qui est très lent et n'a pratiquement aucun impact sur le serveur. S'il n'y a pas de code de vérification pour utiliser le logiciel d'enregistrement, des milliers de threads peuvent être exécutés en même temps et des milliers d'utilisateurs peuvent être enregistrés en même temps, ce qui rend rapidement la base de données du serveur saturée et réduit l'efficacité opérationnelle. Si une personne ennuyeuse ou un concurrent est hostile à un site, cette méthode peut facilement paralyser cette personne.

*Quelle est la différence entre tite et h1, la différence entre b et strong, la différence entre i et em ?

La différence entre tilte et h1

Du point de vue d'un moteur de recherche, la balise titre est utilisée pour décrire le thème de cette page et constitue le point culminant d'un site Web le poids de la page. Mais la balise titre n’apparaît pas dans le corps de l’article. La balise h1 apparaît généralement dans le corps de l’article et constitue le titre de l’article affiché aux visiteurs. Par conséquent, non seulement ces deux labels ne sont pas en conflit, mais entretiennent plutôt une relation de coopération. Un article doit avoir à la fois un titre et une balise h1, qui mettent non seulement en évidence le sujet de l'article, mais mettent également en évidence le titre et les mots-clés, obtenant ainsi l'effet d'une double optimisation du site Web. Généralement, le contenu des balises titre et h1 sera écrit de la même manière, et il est généralement préférable d'utiliser une seule balise h1 pour un article. Trop de balises h1 confondront les moteurs de recherche et rendront difficile la reconnaissance du sujet de l'article.

La différence entre b et strong, i et em

En fait, la plus grande différence entre ces deux paires de balises est que l'une est destinée aux moteurs de recherche et l'autre aux utilisateurs. Utilisons les balises b et strong comme exemple.

La balise b et la balise strong nous donnent le sentiment subjectif d'être audacieux, mais pour les moteurs de recherche, il n'y a pas de différence entre la balise b et le texte ordinaire, tandis que la balise strong joue un rôle d'emphase. En d’autres termes, si vous voulez que les moteurs de recherche pensent qu’une de vos phrases est importante, utilisez la balise forte. Si vous souhaitez simplement que les utilisateurs voient l'effet gras, utilisez la balise b. De la même manière, la balise em fonctionne également pour les moteurs de recherche, et la balise i permet uniquement aux utilisateurs de voir les italiques affichés.