Следует ли использовать текстовый отступ в Интернете?

11

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

Есть ли серьезный недостаток, или это просто вопрос моды / тренда?

ispiro
источник

Ответы:

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>тегами. Так что просто не было необходимости использовать отступы. Но вы, безусловно, можете свободно использовать отступы, если хотите.

DA01
источник
2
Интересная вещь жуков. Но я не думаю, что это полезно. : o) - числа (imho) означают нечто большее, чем просто разные абзацы.
Рафаэль
Полезность @Rafael зависит от контекста. :) Это, по общему признанию, обычно не используется.
DA01
Ну что ж ... нам нужно использовать эти баги в комментариях! --- Обмен стеками: ХОЧУ ПАРАГРАФЫ НА КОММЕНТАРИИ! : o)
Рафаэль
@Rafael это действительно отличный пример того, где это будет полезно! :)
DA01
1
«Ошибки» (или что-то подобное) использовались во многих древних формах письма. Они являются оригинальными разделителями абзацев того времени, когда поверхности записи были ограничены, а плотность информации была важна. Я бы предложил использовать их в подобных ситуациях. Отступы также экономят место по сравнению с альтернативой дополнительного разрыва строки. Но современная веб-типография должна по возможности использовать интервалы для удобочитаемости.
Рич Ремер
4

Это в основном личное предпочтение, и некоторые могут поспорить, почему люди тоже не используют Drop Cap вместо абзацев. Лично пробел между абзацами заслуживает отступа.

Мое понимание цели при использовании отступа должно использоваться только для новых блоков контента при написании чего-то вроде сообщения в блоге для сайта. Тем не менее, когда некоторые люди используют сайты или блоги CMS, трудно кодировать отступы в необходимых абзацах, когда обсуждается несколько тем, поэтому в качестве разделителя используются теги заголовков.

Чтобы решить эту проблему, вы можете использовать grepjQuery и добавить text-indentсвойство CSS для определенных <p>тегов. Поэтому, чтобы ответить на ваш вопрос, это личное предпочтение. Также отметим, что если вы делаете это для чего-то вроде сообщения в блоге и не хотите, чтобы каждый <p>тег был с отступом, вы можете использовать псевдоэлемент first-child:

p:first-child {
  text-ident: 1.5em;
}
DᴀʀᴛʜVᴀᴅᴇʀ
источник
Исторически сложилось так, что не было простого способа сделать абзац отступом или использовать буквицы в 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;
}
AndrewH
источник
1
Клавиша табуляции - немного красной сельди. Клавиша табуляции всегда использовалась для перехода между полями. Это предшествует сети. Это относится к textareaполю, но не к общему форматированию абзацев на веб-странице (поскольку пользователь не использует клавишу табуляции для чтения абзацев). Также обратите внимание, что HTML не то, что создавало пространство по умолчанию, а то, что браузер по умолчанию отображал тег абзаца, это то, что создавало пространство по умолчанию (технически придирчиво, по общему признанию)
DA01
@ DA01 Разве Бернерс-Ли не создал программное обеспечение и браузер, которые бы отображали HTML? Я понимаю, что браузер отображает HTML, но разве он не создал стандарты для этого? Разве тот факт, что табуляция всегда использовалась для перехода между полями, не является причиной, почему она не была реализована в HTML? Также тот факт, что HTML не распознает пробелы.
AndrewH
2
Да, но не было «стандарта HTML» на то, как его отобразить. Случилось так, что он решил использовать дополнительный интервал между абзацами в своем браузере. Другие браузеры приняли этот стандарт по умолчанию, но он никогда не объявлялся стандартом любого вида в HTML.
DA01