Guida di Base HTML

Media HTML

Manuale di riferimento HTML

Guida di base HTML5

API HTML5

Media HTML5

Carattere di Spazio HTML

Inserire più spazi in una pagina web è una funzione comune dell'HTML, ci sono molti modi per realizzare l'HTML degli spazi, di seguito li illustreremo uno per uno.

Codice di simbolo di spazio html

：spazio di un carattere di larghezza semi-più ampia e non a capo, se è necessario inserire più spazi in una pagina web, è possibile scrivere il codice “　” più volte (Modi comuni）；
：spazio di un carattere di larghezza semi-più ampia, può anche scrivere “ ” più volte per inserire più spazi;
：due caratteri di spazio a piena larghezza, può anche scrivere “ ” più volte per inserire più spazi;
：spazio di un carattere; spiegazione: ricordatevi di aggiungere il punto e virgola dopo la parola, non può essere omesso e fa parte del codice HTML.

Esempio

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>Come inserire più spazi in una pagina web - guida di base (oldtoolbag.com)</title></head>
<body>
<p>html spazio   spazio   guida di base (oldtoolbag.com)</p>
<p>html spazio   spazio   guida di base (oldtoolbag.com)</p>
<p>Spazio html    spazio    manuale di base (oldtoolbag.com)</p>
<p>Manuale di base degli spazi html    spazio    basico (oldtoolbag.com)</p>
</body>
</html>

Prova a vedere ‹/›

L'effetto dopo l'esecuzione è il seguente:

Perché usiamo i codici di segni di sostituzione degli spazi html

　　　 Perché usiamo i codici di segni di sostituzione degli spazi html? Perché non semplicemente digitare più spazi sulla tastiera? Quando si opera effettivamente, si scopre che, di default, indipendentemente da quanti spazi si digitano nel codice sorgente html, nel browser viene visualizzato solo uno spazio. Pertanto, dobbiamo utilizzare i codici di segni di sostituzione degli spazi html per ottenere l'effetto di più spazi nel sito web.

　　　 Perché si dice che di solito? In realtà, possiamo anche utilizzare l'attributo 'white-space' nel css per ottenere l'effetto di più spazi. Basta impostare il valore dell'attributo 'white-space' su 'pre', dopo aver impostato, il browser conserverebbe gli spazi e le virgole di ritorno nel codice sorgente html. Ora, se si inseriscono più spazi nel codice sorgente, il browser li mostrerà con più spazi.

　　　 Spiegazione: Di solito, durante lo sviluppo web, si utilizzano i codici di segni di sostituzione degli spazi html per ottenere l'effetto di più spazi.

Tutti i tipi di segni di sostituzione degli spazi in HTML

**Manuale completo dei segni di sostituzione degli spazi**
Simbolo	Rappresenta
	Spazio inglese semi-ancho normale
	Spazio inglese semi-ancho normale ma senza andare a capo
	Spazio cinese quadrato (larghezza cinese, indipendente dal tipo di carattere)
	Spazio en semi-ancho (metà della larghezza cinese, indipendente dal tipo di carattere)
	Spazio em quadrato (larghezza cinese, indipendente dal tipo di carattere)
	Spazio em quadrato (un quarto di larghezza cinese)
	Spazio normale
	A differenza dello spazio normale, lo spazio non interrotto, generato premendo il tasto space, non si somma.

L'unità di misura tipografica em è uguale al punto specificato correntemente. Ad esempio, 1 em in un carattere di 16px è 16px.
L'unità di misura tipografica en è la metà della larghezza dell'em. Secondo la definizione, è uguale alla metà della dimensione del carattere (ad esempio, 8px in un carattere di 16px). È uguale alla larghezza della lettera minuscola n.
La funzione di non interrompere (non-breaking) si riferisce a:
Spazi non bruscamente (nbsp) saranno visualizzati sulla stessa riga. Ad esempio, se ci sono molti spazi non bruschi consecutivi, il browser non li dividerà in due righe.

Riproduzione Video HTML Anchore HTML