English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Основной учебник HTML

Медиа HTML

Руководство по HTML

Базовый учебник HTML5

API HTML5

Медиа HTML5

Пробелы в HTML

Вставка нескольких пробелов в веб-страницу - это часто используемая функция в html, есть много способов вставки пробелов в html, и мы представим их все.

Код символов html

  1.  ：Пробел шириной в один знаковый элемент, непрерывно не разбивающий строку, если нужно вставить несколько пробелов в веб-страницу, можно несколько раз написать код "　"Частые способы）；

  2.   ：Пробел шириной в один знаковый элемент, также можно вставить несколько раз " " для добавления более множества пробелов;

  3.   ：Пробел шириной в два знаковых элемента, также можно вставить несколько раз " " для добавления более множества пробелов;

  4.  ：Пробел меньше одной знаковой единицы; Объяснение: Не забудьте добавить точку с запятой после слова, это также часть кода html


<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>Как вставить несколько пробелов в веб-страницу-базовый учебник(oldtoolbag.com)</title></head>
<body>
<p>html пробел   пробел   базовый учебник(oldtoolbag.com)</p>
<p>html пробел   пробел   базовый учебник(oldtoolbag.com)</p>
<p>html пробел     пробел     базовый учебник (oldtoolbag.com)</p>
<p>html пробел     пробел     базовый учебник (oldtoolbag.com)</p>
</body>
</html>
Проверим, посмотрим ‹/›

Эффект после выполнения:

Почему мы используем html символ кода пробела

　　　 Почему мы используем html символ кода пробела? Почему не просто набрать несколько пробелов на клавиатуре? Когда вы на самом деле это делаете, вы就会发现: по умолчанию, независимо от того, сколько пробелов вы наберете в исходном html коде, браузер отобразит только один пробел. Поэтому нам нужно использовать html символ кода пробела для создания эффекта множества пробелов на веб-странице.

　　　 Почему говорят, что по умолчанию? На самом деле мы можем использовать атрибут «white-space» в css для создания эффекта множества пробелов. Просто установите значение атрибута «white-space» в «pre», после чего браузер сохранит пробелы и переводы строк из исходного html кода. Теперь, если вы наберете несколько пробелов в исходном коде, браузер отобразит их в точном количестве.

　　　 Примечание: Обычно в веб-разработке используется html символ кода пробела для создания эффекта множества пробелов.

Веб-страницы с различными занимающими пробелами

Полный список занимающих пробелов
СимволПредставляет
Обычный англоязычный полуширинный пробел
     Обычный англоязычный полуширинный пробел, но без перевода строки
　Китайский полужирный пробел (одна китайская ширина)
   Полуширина (en) пробела (половина китайской ширины, не зависит от шрифта)
   Полужирный пробел (em) (одна китайская ширина, не зависит от шрифта)
 Четверть полужирного пробела (em) (четверть китайской ширины)
Обычный пробел
 В отличие от обычного пробела, непрерывный пробел, созданный нажатием клавиши space, не суммируется.
Em — это единица измерения в типографии, равная текущему указанному размеру точки. Например, 1 em в 16px шрифте составляет 16px.
En — это единица измерения в типографии, равная половине ширины em. По определению, это равно половине ширины шрифта (например, в 16px шрифте это 8px). Это равно ширине маленькой буквы n.
Имеет характеристику непрерывности (non-breaking):
Непрерывные nbsp будут отображаться на одной строке. То есть, если есть无数 непрерывных nbsp, браузер не будет разрывать их на две строки.
Просмотр видео HTMLЯкоря HTML