Як ставити пробіл html
Якщо ви займаєтеся розробкою html-файлів, то напевно помічали таку особливість, коли браузер ігнорує пробіли. У вихідному коді їх може стояти необмежену кількість, але в результаті видно тільки один. Найчастіше таке обмеження лише позитивно позначається при виведенні інформації. Адже іноді можна поставити випадково кілька пробілів, у підсумку документ виходить неврегульованим. А за допомогою обмеження дистанція між словами буде завжди фіксованою. Але часом з'являється потреба зробити подвійний або потрійний пробіл, html дозволить зробити необмежену відстань між словами на ваш розсуд. Здійснити цю потребу можна кількома способами, про які ми і поговоримо в цій статті.
Перший спосіб
Коли є необхідність зробити більш довгу відстань між певними словами, можна використовувати спеціальний код пробілу html. Досить додати запис «nbsp», яка збільшить дистанцію між символами. Такий код може використовуватися як звичайний пробіл, тільки з тим винятком, що він завжди буде враховуватися при виведенні інформації браузером. Цей спеціальний пропуск html іноді використовуються для емуляції нового рядка або виділення окремого фрагмента тексту. Варто трохи розповісти про сам коді. Перший символ є знаком амперсанда. Він позначає дію спеціального коду. В html є безліч інших комбінацій, що дають різні ефекти. Наприклад, «gt» і «gl» замінюють знаки «<» и «>». Їх вживання необхідно, тому що вони позначають початок і кінець тега. В даному випадку «nbsp» означає скорочену форму команди "non-breaking space", що в перекладі означає "Нерозривний пробіл". Для цієї команди існує числова з
Амена «# 160», яка повністю повторює ефект такого пробілу. Варто зауважити той факт, що якщо між словами стоятиме код «nbsp», то вони завжди будуть знаходитися на одному рядку. Якщо вони заходять за межі екрану, то з'являється смуга прокрутки в браузері. Код «nbsp» - це повна емуляція звичайного пробілу.
Другий спосіб
Другий спосіб застосовується для більш масштабних цілей. Прогалину в html може ставитися за допомогою тега
. Він дозволяє виводити текст без додаткового форматування. Якщо інформація вміщена в цей тег, то вона буде представлена в початковому вигляді як в html-коді сторінки. При цьому враховуються не тільки прогалини, але й переноси рядків. Але варто зауважити, що, як і у випадку з кодом «nbsp», текст, укладений в тег, буде виходити на одному рядку, якщо не буде природного перекладу. Є ще одне зауваження. Все, що знаходиться між відкриває і, відповідно, закриває тегом, буде мати специфічний шрифт.
Третій спосіб
Даний спосіб не можна назвати новим, адже він просто пропонує альтернативу другого. Використавши каскадні таблиці стилів, можна домогтися того ж ефекту, що і від тега
. Але при цьому шрифт буде залишатися незмінним. Правило «white-space» зі значенням «pre» повністю емулює пробіл html з використанням раніше описаного тега. Дана команда може застосовуватися до будь-якої області тексту.Висновок
Викладені вище способи допоможуть вам поставити неодноразовий прогалину. HTML дозволяє таким чином дуже гнучко і на свій розсуд налаштовувати свої сторінки. Але, як показує практика, використовувати множинний пробіл доводиться рідко.
Поділися в соц мережах: