Чи слід використовувати текстовий відступ в Інтернеті?


11

Я думав додати текстовий відступ на свій веб-сайт (-має перший рядок абзаців з відступом), але спершу трохи пошукав і виявив, що на багатьох сайтах немає жодного текстового відступу. Чому так? Я подумав, що це стає зрозумілішим, з чого починаються абзаци, так чому ж його не використовують частіше?

Чи є серйозний мінус, чи це лише питання моди / тренду?

Відповіді:


8

Можна розділити абзаци кількома способами.

Відступи

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 
    Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 
    Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Порожня лінія / пробіл

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 

Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 

Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Fleurons / Процвітає / ікони / помилки

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. ~•~ Nunc faucibus lectus id libero blandit, et varius 
augue vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. ~•~ 
Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna. 

Числа

1  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
   Curabitur in orci pellentesque, volutpat metus eget, interdum 
   mauris. 
2  Nunc faucibus lectus id libero blandit, et varius augue 
   vehicula. Cras eu dictum libero, a elementum velit. Fusce 
   ultrices malesuada elit, et convallis massa tristique in. 
3  Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
   Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
   velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
   sit amet neque aliquam ultrices eget vitae urna. 

Усі (як і інші методи) діють. Те, що зазвичай нахмуриться, - це поєднувати їх, оскільки це трохи зайве. Якщо у вас вже є пробіл між абзацами, відступ насправді не допоможе візуально розділити їх.

Що стосується того, чому зазвичай ви бачите порожні рядки / пробіл як основний спосіб розділити абзаци в Інтернеті, це тому, що це лише за замовчуванням. За замовчуванням більшість браузерів традиційно додають простір між <p>тегами. Тож просто не було потреби використовувати відступи. Але ви, звичайно, можете безкоштовно використовувати відступи, якщо хочете.


2
Цікава річ про помилок. Але я не думаю, що це корисно. : o) - Цифри (imho) означають щось додаткове, ніж просто різні абзаци.
Рафаель

Корисність @Rafael базується на контексті. :) Це, правда, не часто використовується.
DA01

Ну ... нам потрібно використовувати ці помилки на цьому коробці коментарів! --- Обмін стеками: ХОЧУ ПАРАГРАФИ НА КОМЕНТАРІ! : o)
Рафаель

@Rafael - це насправді чудовий приклад того, де це було б корисно! :)
DA01

1
«Клопи» (або щось подібне) використовувались у багатьох давніх формах письма. Вони є оригінальними роздільниками абзаців за часів, коли поверхні письма були обмеженими, а щільність інформації була важливою. Я б запропонував використовувати їх у подібних ситуаціях. Відступи також економить місце в порівнянні з альтернативою додаткового розриву лінії. Але сучасна веб-типографія повинна використовувати пробіли, коли це можливо, для розбірливості.
Річ Ремер

4

Це в основному особисті переваги, і дехто може заперечити, чому люди також не використовують краплинну кришку замість відступів. Особисто простір між абзацами заслуговує відступу.

Моє розуміння мети при використанні відступу полягає лише в тому, щоб використовувати нові блоки вмісту, коли пишеш щось на зразок публікації в блозі для сайту. Однак, коли деякі користуються CMS-сайтами чи блогами, важко зашифрувати відступ необхідними параграфами, коли обговорюється багато тем, тому теги заголовків використовуються як розділення.

Для вирішення цього питання ви можете використовувати grepі jQuery, щоб додати text-indentвластивість CSS на певні <p>теги. Отже, щоб відповісти на ваше запитання, це особиста перевага. Щоб також зауважити, якщо ви робите це для чогось подібного до публікації в блозі, і ви не хочете, щоб кожен <p>тег був відступним, ви можете використовувати псевдоелемент першої дитини:

p:first-child {
  text-ident: 1.5em;
}

Історично склалося, що не було простого способу відступити абзаци або використовувати підкачки в HTML. Коли CSS прийшов довго, це змінило речі.
DA01

1
не говоріть про темні віки так;)
DᴀʀᴛʜVᴀᴅᴇʀ

У класичному наборі для довгих питань (тобто книг) перший абзац розділу має пробіл над ним і не має відступів, а решта абзаців мають відступи. Зазвичай це робилося, чи є заголовок чи назва розділу. Перший абзац важливого перерви, наприклад, глава, може містити кришку для краплі або освітлену кришку.
RBerteig

4

Чи слід текст відступати? Ну, це питання особистих переваг, але переважна більшість сайтів, які я бачив, не містять абзаців.

Ви повинні подивитися на походження HTML

Коли HTML запускався, не було стандартного керівництва. HTML був оригінальним створеним Бернерсом Лі, який вважав, хто писав браузер і серверне програмне забезпечення. Люди з великих організацій запитували, які команди форматування вони можуть використовувати. Оскільки абзаци в письмовому тексті мають пробіл після них, вони прийняли це до HTML. Ось як <p>працює тег. Люди приймуть встановлені стандарти і не користуються факультативом.

Також є уривок із документа HTML 2.0

Символ горизонтальної вкладки (положення коду 9 у наборі символів документа HTML) повинен інтерпретуватися як найменше позитивне ненульове число пробілів, яке залишить кількість символів на рядку як кратне 8. Документи не повинні містити символів вкладки , оскільки вони не підтримуються послідовно.

http://www.ietf.org/rfc/rfc1866.txt

Різниця між вкладками в текстових процесорах та використанням в Інтернеті

Ще одна причина відсутності відступів - використання Tab. У програмі текстової обробки ми звикли використовувати вкладки для абзаців. Ну, це не так, як все працює в Інтернеті. Коли форми були створені на початку 90-х, люди використовували клавішу вкладки, щоб перейти до наступного поля. Зараз люди звикли до цієї функції, а не мати в Інтернеті рядки з відступами.

Немає причини, чому ви не можете відступити абзац в Інтернеті. Люди просто звикли не мати відступів на абзацах та мати вертикальний пробіл.

p {
    text-indent: 20px;
}

1
Клавіша вкладки - це трохи червона оселедець. Клавіша вкладки завжди використовується для вкладки між полями. Це передує Інтернету. Це стосується textareaполя, але не загального форматування абзацу на веб-сторінці (оскільки користувач не використовує клавішу вкладки для читання абзаців). Також зауважте, що HTML не є тим, що створив простір за замовчуванням, а скоріше, що браузер за замовчуванням відображає тег абзацу, це те, що створило простір за замовчуванням (Технічний вибір нитки, правда)
DA01,

@ DA01 Чи не створив Бернерс-Лі програмне забезпечення та веб-переглядач, які б надавали HTML? Я розумію, що браузер надає HTML, але чи він не створив для цього стандарти? Чи не факт, що вкладка завжди використовувалася для вкладки між полями, є причиною, чому вона не була реалізована в HTML? Також факт, що HTML не розпізнає пробіл.
AndrewH

2
Правильно, але не було "стандарту HTML", як його надати. Щойно сталося, що він вирішив використовувати додаткові проміжки між абзацами у своєму конкретному браузері. Інші веб-переглядачі прийняли це за замовчуванням, але він ніколи не був оголошений стандартом будь-якого типу в HTML.
DA01
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.