Правильный способ пространственного текста?

Question

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

Я все еще не уверен, что правильный путь к пространству текста. Мой первый, хотя это использование полей, что означало бы установку отображения элемента абзаца для блокировки. Полагая, что изменить структуру элемента неправильно, учитывая, что, вероятно, есть более подходящие элементы для использования, я решил проверить некоторые сайты, чтобы посмотреть, как они это делают. Каждый, который я проверил, использовал свойства display: block и margin в CSS.

Правильно ли это? Есть ли что-то в HTML5, которое его заменяет? Если я использую HTML5, это означает, что старые браузеры не отображают его правильно?

Answer 1

Используйте тег <p> для каждого абзаца.

HTML 5 совместим с обратной совместимостью.

Тэг P не является исключением HTML 5. Он работает со всеми версиями HTML.

Answer 2

Это звучит так, как будто вы хотите контролировать пространство МЕЖДУ вашими параграфами, это правильно? Вам не нужно указывать p-элемент для отображения в виде блока. Если вы хотите, чтобы ваш интервал между абзацами был согласован между всеми браузерами, я бы предложил сначала убедиться, что все ваши браузеры используют то же самое расстояние, сбросив поля в нуль. Ознакомьтесь с очень известным CSS reset Эриком Мейером, чтобы начать с чистого листа. Затем, в вашем CSS, вы бы установили запас для своих абзацев, сколько бы пространства у вас не было между ними. Обратите внимание, что если вы просто используете свойство margin: свойство, а не, скажем, margin-bottom, ваши абзацы будут вдвое больше, чем вы намереваетесь (крайние края второго абзаца будут добавлены к краю нижней части вашего первого абзаца и т. Д.).

С ним сбрасываются, вы можете поставить правило, как это в вашем CSS:

p { 
margin-bottom: 16px; /* Sets the margin only below the paragraph element */ 
text-indent: 10px; /* Indents the first line of your paragraph */ 
} 

Кроме того, имейте в виду, что CSS сбрасывает, как правило, вырывают ЛО по умолчанию броузера для разметки, так помните, что когда ваш тег h1 кажется маленьким и не смелым! Надеюсь это поможет.

Answer 3

Элемент pявляется блочным элементом в HTML-выражениях и по умолчанию также в терминах CSS. Таким образом, вы можете просто установить поля на нем, если вы предпочитаете что-то отличное от полей по умолчанию (без левого или правого поля, кроме верхнего и нижнего полей, соответствующих обычно одной пустой строке). То, что вы конкретно задали в CSS, зависит от того, чего вы хотите достичь, что не очевидно из вопроса.

По умолчанию рендеринг, где абзацы разделены эквивалентом пустых строк, следует принципам простых систем автоматизации офиса и старых пишущих машинок. Если вы предпочитаете более традиционный, книжный рендеринг, вы можете заменить пустые строки первым отступом, например.

p { margin: 0; text-indent: 1em; }