Maison > interface Web > tutoriel HTML > Résumer diverses méthodes d'utilisation des espaces en HTML

Résumer diverses méthodes d'utilisation des espaces en HTML

伊谢尔伦
Libérer: 2017-06-01 16:29:32
original
5971 Les gens l'ont consulté

Dans le processus d'apprentissage du code de base du HTML, je pense que cela impliquera comment écrire le code spatial du HTML. Nous utilisons généralement des espaces lors de l'édition de programmes. L'entité de caractère du code d'espace html est un espace insécable   C'est le code d'espace en html. Bien sûr, il existe des symboles d'espace, des caractères d'espace, des lignes vides, etc. L'article suivant expliquera un par un ces contenus liés aux espaces.

1. Vous pouvez d'abord jeter un œil à l' "Démarrage rapide avec HTML/CSS" introduction aux espaces dans le tutoriel

1. Introduction aux espaces dans les entités de caractères HTML

Résumer diverses méthodes dutilisation des espaces en HTML

Plusieurs espaces en HTML seront raccourcis en un seul par le navigateur, nous devons donc utiliser   pour atteindre l'objectif de plusieurs espaces. nbsp est un espace insécable, différent des espaces ordinaires, c'est-à-dire qu'il ne casse pas les espaces blancs. C'est-à-dire que   est utilisé dans le code HTML pour générer un espace et empêcher le navigateur d'envelopper des lignes dans cet espace. Par exemple, l'utilisation de   dans deux balises Résumer diverses méthodes d'utilisation des espaces en HTML peut empêcher le retour à la ligne provoqué par une image trop large pour dépasser la largeur du navigateur. C'est-à-dire que si vous utilisez des espaces normaux, lorsque la largeur du navigateur n'est pas suffisante, la deuxième image sera repliée sur la ligne suivante, et avec  les deux images seront affichées sur la même ligne.

2. Partage des caractères d'espace et des symboles d'espace en HTML

1. Résumé des entités de caractères d'espace en HTML Partager

 

Encodage des caractères espace insécable (espace insécable) : en HTML, il est généré en appuyant sur la touche espace, et les espaces ne s'accumulent pas (ne comptent que pour 1), vous besoin d'utiliser la représentation d'entité HTML pour pouvoir accumuler.

Codage des caractères espace pleine largeur (Em Space) : em est l'unité de mesure en typographie. Cela équivaut au numéro de point actuellement spécifié. Par exemple, 1em dans une police de 16 pixels équivaut à 16 pixels. Cet espace a une caractéristique très robuste, et la largeur qu'il occupe est exactement 1 largeur chinoise.

Codage des caractères espace demi-largeur (En Space) : en est l'unité de mesure de la typographie. C'est la moitié de la largeur de em. Par exemple, 1en fait 16px dans une police de 16px, ce qui correspond nominalement à la largeur de la lettre minuscule n. Cet espace a une caractéristique très robuste et la largeur qu'il occupe est exactement la moitié de la largeur chinoise.

2.

Introduction aux symboles spatiaux (nbsp; ensp; emsp;) en html et explication détaillée de la mise en œuvre de l'alignement chinois

Résumer diverses méthodes dutilisation des espaces en HTML

Conseils d'utilisation des caractères :

1) La sortie de caractères en HTML utilise avec la valeur charCode ;

2) Dans les fichiers JavaScript, pour éviter les échappements tronqués, u est associé à la valeur charCode ;
3) Dans les fichiers CSS, tels que l'attribut content du pseudo-élément CSS, utilisez directement la valeur charCode.

3. Introduction et instructions d'utilisation des espaces en HTML

1. Introduction détaillée sur la façon d'insérer des espaces en HTML

Résumer diverses méthodes dutilisation des espaces en HTML

Normalement, nous utilisons la barre d'espace pour taper plusieurs espaces, et lors de l'écriture code, les espaces tapés par la barre d'espace, la touche Tab et la touche Entrée seront automatiquement ignorés par HTML (Hypertext Markup Language). HTML traite ces clés comme des caractères d'espacement et les affiche sous la forme d'un seul intervalle d'espacement. Bien que CSS propose différents styles d'espacement et d'indentation, il existe également des outils en HTML qui vous permettent de définir vous-même l'espacement.

2. 6 types d'espaces en HTML

Les espaces insécables ( ) ont la largeur des espaces réguliers et peuvent fonctionner dans tous les principaux navigateurs. Plusieurs autres espaces ( ,  ,  , ‌, ‍) ont des largeurs différentes selon les navigateurs.
  s'appelle No-Break Space, et son nom complet est No-Break Space. C'est l'espace le plus courant et le plus utilisé. La plupart des gens ne peuvent être exposés qu'à  , qui est un espace généré en appuyant sur le bouton. touche espace. En HTML, si vous utilisez la barre d'espace pour générer cet espace, les espaces ne s'accumuleront pas (comptent seulement pour 1). Il ne peut être accumulé qu'en utilisant la représentation d'entité HTML. La largeur de cet espace est évidemment et fortement affectée par la police.

3. Une brève discussion sur les espaces et les lignes vides dans le code HTML

Méthode 1 : On peut utiliser la balise pré-formatée

, qu'elle soit un espace ou une ligne vide Applicable à toutes les lignes. <p>Méthode 2 : Nous pouvons utiliser le caractère d'entité espace   pour remplacer les espaces et la balise de nouvelle ligne <br> Bien que cette méthode puisse obtenir l'effet d'affichage souhaité, elle n'est pas la plus conviviale pour les moteurs de recherche car <br> Il est donc recommandé de l’utiliser le moins possible. Notez également que   doit être en minuscules et que le point-virgule à la fin ne peut pas être omis. </p><p>Troisième méthode : (adaptée aux espaces) Utiliser des espaces pleine largeur </p><p><span style="color: rgb(255, 0, 0); font-size: 16px;"><strong> Questions et réponses sur les espaces en HTML </strong></span></p><p> 1. <a href="//m.sbmmt.com/wenda/71975.html" target="_self">Document HTML<p>, comment supprimer les espaces dans un paragraphe. </p></a></p><p>2. Comment supprimer l'espace par défaut devant <a href="//m.sbmmt.com/wenda/70826.html" target="_self">li ? </a></p><p>3. <a href="//m.sbmmt.com/wenda/2785.html" target="_self">Pourquoi les espaces ne s'affichent-ils pas lors de la saisie d'espaces en HTML ? </a></p><p>[Recommandations associées]</p><p>1 <a href="//m.sbmmt.com/div-tutorial-363813.html" target="_self">Résumé des symboles spatiaux et des entités de caractères spatiaux en html</a></p>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal