Прогалини в html

Всі, хто намагався створювати сайти на HTML стикалися з такою проблемою. Майже все теги HTML вирізують зайві прогалини. І в цей раз я Вам наведу приклад цієї "вирізки", а також розповім, як зробити так, щоб пропуски не вирізалися.

Давайте для початку напишемо простий HTML-код:

Відео: Уроки CSS. Форматування CSS коду: прогалини, переноси рядків і табуляція в CSS

Якийсь текст Детальніше ...

Якщо Ви подивіться на результат, то побачите, що всі наші прогалини були вирізані і залишився тільки один. І так робить майже кожен тег.

Відео: Примусовий перенос рядка і збереження прогалин в HTML: HTML теги br і pre

Існують три варіанти відображення більшої кількості прогалин в HTML. Перший спосіб - це використання тега lt;pregt ;:

Якийсь текст Детальніше ...

В результаті, Ви побачите, що прогалини залишилися, а саме цього ми і добивалися.

Але є й інший спосіб, який я використовую регулярно - сутність " -". Дана сутність просто замінює символ пробілу:

Якийсь текст - - - - - Продовження ...

В результаті, Ви також побачите цілу низку прогалин. Для мене цей спосіб краще тим, що не потрібно використовувати зайвих тегів. Але це справа смаку. де потрібен додатковий пробіл в HTML, просто вставляєте " -"І радієте результату.

І, нарешті, останній спосіб - це використання CSS. Для цього Вам достатньо додати такий стиль:

p { 
 white-space: pre- 
}

Даний спосіб найшвидший і простий, проте, я його не використовую, так як в моїй практиці зустрічається мало випадків, в яких мені доводиться додавати багато поспіль прогалин. А якщо вони і трапляються, то використовую сутність ";" декілька разів. В додаток, властивість white-space підтримується не всіма браузерами (зокрема, IE6 і IE7 не підтримують), що вже обмежує область дії даного способу.

Загалом, резюмую:

1) Якщо у Вас якась частина тексту містить багато прогалин в різних місцях, то використовуйте тег lt;pregt ;.

Відео: Пробільні символи в HTML і як їх побачити: перенесення рядка, пробіл і табуляція в HTML

2) Якщо у Вас десь зустрічається одиночний момент, де потрібно кілька прогалин поспіль, то використовуйте сутність "";

3) Якщо ж у Вас вся сторінка зіткана з купи поспіль прогалин (хоча це буває вкрай рідко), то використовуйте властивість white-space зі значенням pre.

Відео: Нерозривний пробіл і інші спеціальні символи в HTML. Посилання-мнемоніки в HTML

Якщо Ви хочете дізнатися більше по HTML, то подивіться мій безкоштовний курс з прикладом створення сайту на HTML: https://srs.myrusakov.ru/html

Поділися в соціальних мережах:

Схожі