Символ пробілу в html

Символ пробілу в HTML-коді web-сторінки, його інтерпретація браузером. Як відобразити на web-сторінці два і більше поспіль прогалин?

За замовчуванням, будь-яку кількість прогалин йде в html-коді поспіль, на web-сторінці відображається як один. Що можна зробити, якщо необхідно виводити кілька поспіль прогалин?







Як варіант можна використовувати тег 

 визначає блок попереднього форматування тексту. Такий текст зазвичай відображається моноширінним шрифтом і з усіма пробілами між словами. Наприклад, наступний html-код:


 перед рядком два пробілу
 між словами три пробіли


Буде інтерпретований браузером наступним чином:


Щоб позбутися від відображення тексту моноширінним шрифтом, можна скористатися CSS-правилом white-space: pre. наприклад:


текст з прогалинами

















 без моноширинного шрифту


Результатом інтерпретації браузером наведеного html-коду стане наступне:


текст з прогалинами
 без моноширинного шрифту


Тут, слід зазначити той факт, що в обох варіантах занадто довга рядок не буде переноситися, якщо досягне кінця будь-якої області. Цю проблему може вирішити використання CSS-правило: white-space: pre-wrap - однак, що стосується браузера Internet Explorer. то в старих його версіях, зазначені CSS-правила можуть не спрацювати.


Найбільш же оптимальним варіантом тут може бути використання escape нотації символу пробіл, який в інших контекстах зазвичай називається «безперервним пропуском» (англ. No break space), що представляє собою комбінацію:  . Наприклад, html-код:


  перед рядком два пробілу

 між словами     п'ять прогалин


Буде інтерпретований браузером наступним чином:


перед рядком два пробілу
 між словами п'ять прогалин


Зверніть увагу, що «безперервні прогалини» інтерпретуються браузером, як і слова, між якими можна поставити звичайні прогалини. У той же час, слова розділені тільки «безперервними пробілами», досягнувши кінця будь-якої області, як і в випадку з тегом 
. переноситися не будуть. наприклад:


Це зручно якщо необхідно дотримати правила смислового перенесення слів.


















Схожі статті