Розрив рядка в HTML: використовуємо тег br
Під час форматування тексту часто виникає потреба додати новий абзац, але без порожнього рядка, яку вставляє тег абзацу
. Крім того, іноді потрібно в точності зберегти форматування попереднього тексту, яке тег
"Категорично" скасовує. Нерідко доводиться розбивати один абзац на декілька частин, пов'язаних між собою логічно.
Для деяких фрагментів тексту прийняті для абзаців стандартні інтервали просто недоречні. Це можуть бути написи під картинками і в таблицях, вірші, цитати, виноски та примітки.
html тег br
Для примусового переносу рядків передбачений спеціальний тег, функція якого закладена в його назві br (break row - "розірвати ряд, рядок"). Тег
мови гіпертекстової розмітки html означає, що всі наступне за ним вміст повинен починатися з нового рядка. Якщо потрібно, можна проставити кілька тегів підряд, щоб добитися необхідного інтервалу.
Тег
не чутливий до регістру і не вимагає закриває тега, тому що це порожній елемент, але краще звикати закривати всі теги. В XHTML тег розриву повинен бути "наглухо закритий" на зворотний слеш.
Приклад використання тега розриву
<?р> Прогул на службі р>
Ще ніде і ніколи
Я не був настільки поганим
Начальства зажерлива орда
Гризе мене живим р>
Прогул на службі
Ще ніде і ніколи
Я не був настільки поганим.
Начальства зажерлива орда
Гризе мене живим.
Атрибут тега
Єдиний атрибут, яким володіє html тег
, називається Clear ("очистити"). Він вказує браузеру, як вчинити з переносимої рядком, якщо тексту доведеться обтікати так званий плаваючий елемент, яким може бути, наприклад, зображення з атрибутом вирівнювання align, що використовують значення right / left, або блок в CSS, якому прописано властивість float.
У специфікаціях по XHTML 1.0 / HTML 4.01 атрибут clear можна використовувати тільки з Transitional, Frameset і , інакше код буде неробочим.
Властивості атрибуту тега
Ефект від застосування атрибута clear залежить від його значення і розташування обтічного текстом плаваючого елементу. Атрибут може приймати 4 значення:
тег br
Значення left забороняє обтікання елементу, вирівняного по лівому краю, тому текст, "спіткнувшись" про тег
, розташується нижче зображення або іншого плаваючого елементу.
Точно такий результат вийде від використання аргументу all, який ні за що не дозволить тексту обтікати картинку ні праворуч, ні ліворуч.
Значення right забороняє тексту обтікання елементу, вирівняного по правому краю, тому після тега
тексту не залишиться нічого іншого, як обійти зображення, обтікаючи його справа.
Значення none ("ні вашим, ні нашим") взагалі знімає всі повноваження з атрибуту clear, і тег
мовчки переносить рядок вниз.
Значення за замовчуванням, як таке, у атрибуту clear тега відсутня.
Тег
- це м'який перенос
Тег розриву рядка дуже зручний для створення необхідних інтервалів між абзацами, усередині яких він використовується як м'який перенос, але не як засіб для поділу тексту на абзаци.
тег br мови гіпертекстової розмітки html означає
Не слід занадто захоплюватися тегом перекладу рядків для форматування тексту, тому що результати його застосування не завжди відрізняються витонченістю.
Наприклад, якщо використовувати тег
для перекладу рядків усередині абзацу, це може призвести до появи "гребінки" у вікні користувача, якщо воно менше вікна, на яке орієнтувався веб-майстер.