Как поместить пробелы в HTML

Добавление строки пробелов в ваш HTML только для того, чтобы они исчезли из-за того, как HTML обрабатывает пробелы, является разочаровывающим, знакомым опытом для любого, кто работает в веб-дизайне. Тег HTML space будет удобен для создания пробелов, но факт в том, что ни один не существует ..

Источником проблемы является то, что HTML сжимает все пробелы — символы табуляции, пробелы и возврат каретки — до одного символа. Если вы хотите сделать отступ в своих абзацах, вы не можете просто ввести пять пробелов, а затем начать текст. Это не значит, что вы не можете контролировать пробелы в своем HTML.

Альтернативы несуществующему HTML-тегу Space

У вас есть несколько вариантов создания и контроля пустого пространства на ваших веб-страницах:

  • HTML 
    тег обозначает разрыв строки, как возврат каретки в программе обработки текста. Вы будете использовать его в конце каждой строки адреса, например, чтобы получить формат блока, к которому привыкли люди.
  • тег генерирует разрыв абзаца. Он применяется к фрагменту текста, который является блоком текста, отделенным от соседних блоков текста пробелом и / или отступом первой строки.

  •  тег используется с предварительно отформатированным текстом. Он указывает браузеру, что текст должен отображаться точно так, как написано в файле HTML, включая любые пробелы или пустые строки. Если вы введете пять пробелов внутри 

     теги, вы получите пять пробелов на сайте
  •   персонаж создает пробел, который не разбивается на новую строку. Два слова, разделенные неразрывным пробелом, всегда появляются в одной строке.
  • а также символы создают табуляцию в HTML. К сожалению, их нельзя использовать независимо. В любое время, когда вам понадобится вкладка в HTML, вам нужно будет использовать один из этих символов внутри
     теги или подделка с помощью CSS.
  • Вы также можете добавить пространство вокруг текста, используя Каскадные таблицы стилей (CSS). Если вы хотите создать интервал вокруг полного блока текста, это абсолютно верный способ сделать это. CSS также предоставляет множество стилистических элементов управления для самого текста, что делает его первым выбором для многих веб-разработчиков.

Практикуйтесь в использовании этих простых тегов, отмечая результаты каждого. Обойти недостаток тега HTML space не сложно, если вы познакомитесь с этими быстрыми методами.

Ссылка на основную публикацию