Должен ли я использовать тег <p /> в разметке? - PullRequest
11 голосов
/ 11 августа 2009

Я всегда использовал тег <br /> или <div/>, когда требуется что-то более сложное.

По-прежнему ли рекомендуется использовать тег <p/>?

Ответы [ 11 ]

34 голосов
/ 11 августа 2009

Современная семантика HTML:

  • Используйте <p></p> для содержания абзаца текста в документе.
  • Используйте <br />, чтобы указать разрыв строки внутри абзаца (то есть новую строку без полей или отступов блока абзаца).
  • Используйте <div></div>, чтобы содержать часть пользовательского интерфейса приложения, которая, как оказалось, имеет макет блока.

Не используйте <div /> или <p /> сами по себе, эти теги должны содержать контент. Похоже, они работают как разрывы абзаца только потому, что когда браузер их видит, он «услужливо» закрывает текущий тег блока перед открытием пустого.

10 голосов
/ 11 августа 2009
Тег

A <p> окружает что-то, в отличие от тега <input/>, который является единственным элементом. Следовательно, нет причины использовать тег <p/>.


Мне сказали, что я использую <br />, когда я должен использовать <p />. - максимум 49 секунд назад

Если вам нужно использовать теги <p>, я предлагаю заключить весь абзац в тег <p>, что даст вам разрыв строки в конце абзаца. Но я не предлагаю просто заменить что-то вроде <p/> на <br/>

Теги

<p> предназначены для абзацев и обозначают конец абзаца. Теги <br/> предназначены для разрыва строки. Если вам нужна новая строка, используйте тег <br/>. Если вам нужен новый абзац, используйте тег <p>.

8 голосов
/ 01 декабря 2009

Абзац - это абзац, перерыв - это перерыв.

A <p> походит на обычный Возврат в Office Word.
<br> - это как мягкий возврат Shift + Return в Office Word.

первый устанавливает все настройки / стили абзаца, второй едва разбивает строку текста.

Да <p> элементы приветствуются, и не будут устаревать в ближайшее время.

6 голосов
/ 11 августа 2009

Использование <p /> никогда не поощрялось:

Из Рекомендации по совместимости XHTML HTML

С.3. Минимизация элементов и содержание пустых элементов

Учитывая пустой экземпляр элемента, модель содержимого которого не является ПУСТО (например, пустой заголовок или пункт) не используйте свернутый форма (например, используйте <p> </p>, а не <p />).

6 голосов
/ 11 августа 2009

A <p> обозначает абзац. Он должен использоваться только для переноса абзаца текста.

Для этого более целесообразно использовать тег <p>, а не <div>, поскольку это семантически правильно и ожидается для таких вещей, как программы чтения с экрана и т. Д.

5 голосов
/ 11 августа 2009

Интересно, что Подсчет тегов абзаца указывает, что случайная выборка из 833 866 документов HTML обнаружила, что 50,1% выборочных документов содержат только

...

, 4,41% содержат только ...

... и всего 0,21% содержат только ...

....

4 голосов
/ 11 августа 2009

Из HTML 4.01 спецификации :

Мы не рекомендуем авторам использовать пустые элементы P. Пользовательские агенты должны игнорировать пустые элементы P.

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

3 голосов
/ 11 августа 2009

HTML DTD не запрещает вам использовать пустой <p> (элемент <p> может содержать PCDATA, включая пустую строку), но не имеет большого смысла иметь пустой абзац.

2 голосов
/ 11 августа 2009

Тег <p> определяет абзац. Нет причин для пустого абзаца.

1 голос
/ 11 августа 2009

Использовать это для чего? Все теги имеют свою небольшую цель в жизни, но ни один тег не должен использоваться для всего. Узнайте, что вы пытаетесь создать, и затем решите, какой тег подходит для этой идеи лучше всего:

Если это абзац текста или хотя бы несколько строк, то оберните его в <p></p>

Если вам нужен разрыв строки между двумя строками текста, используйте <br />

Если вам нужно заключить много других элементов в один элемент, используйте теги <div></div>.

...