Пространство на веб-сайте показалось бы довольно простым. Но в первый раз, когда вы пытаетесь несколько раз нажимать клавишу, и если эта информация не появится на вашей странице, вы поймете, что это не так просто, как кажется.
Существует несколько способов создания пространства на веб-сайте. Первые два имеют теги HTML:
…
Маркер абзаца обычно помещает пробел между элементами. Он действует как разрыв абзаца.
Однако несколько
в строке не будет ничего, кроме загромождения вашей страницы. Некоторые редакторы
в местах, чтобы добавить больше места, но это действительно не использует
, а скорее персонажем, с которым мы через минуту займемся.
тег предназначен для того, чтобы поместить только один разрыв строки в потоке текста. Тем не менее, он может использоваться несколько раз подряд для создания длинных строк пробела. Проблема в том, что вы не можете определить высоту и ширину пространства, и это автоматически ширина страницы.
Поля CSS и заполнение
Другой способ добавить место в документы веб-страницы - это использовать поле свойств CSS и отступы. Это гораздо лучший способ получить именно то пространство, которое вы хотите между своими элементами. И вы можете влиять не только на вертикальное пространство документа.
Неразрушающее пространство ()
Наконец, существует неразрывное пространство. Этот объект символа действует точно так же, как и в обычном текстовом пространстве, за исключением того, что браузер рассматривает каждый отдельно.
Если вы поместите четыре строки, браузер поместит четыре пробела в текст.
Обратите внимание, что старые браузеры не могут отображать несколько неразрывных пробелов.
Использование неразрывных пространств в таблицах
Таблицы часто закрываются или ломаются, если вы не включаете что-то в ячейку, чтобы держать ее открытой. Например: используйте следующий HTML-код для создания таблицы с 30-пиксельным желобом:
Слева от этого текста должно быть небольшое пространство. Некоторые браузеры будут отображать его правильно, но многие игнорируют запрос ширины таблицы и помещают текст в залив с левым полем. Очень надоедливый! |
Чтобы не повредить столбец таблицы, используйте неразрывное пространство:
| Слева от этого текста должно быть небольшое пространство. В большинстве браузеров отобразится его правильно. |