Я вижу, что тег <p> много использовал в коде других, но никогда не использовал его в моей собственной работе.
Мне интересно, какое преимущество это дает при использовании тега <div>?
Есть ли какие-либо выгоды, которые я мог бы получить
от включения тега <p>
на мои страницы?
Есть ли недостаток только в
используя теги <div> без <p>?
DIV указывает отдельный раздел на странице, который не семантически связан с другими. С помощью тегов P вы указываете, что этот фрагмент текста разбит на абзацы, но он все еще остается единственным объектом.
ADDED: "Семантика" обычно ссылается на возможность извлекать информацию из HTML о том, что представляют собой различные элементы страницы и как они связаны друг с другом, а не рассматривать весь HTML как просто разметку для быть оказанным. Например, когда вы делаете меню, для этой цели рекомендуется использовать UL (неупорядоченный список), поскольку из разметки можно будет узнать, что все LI (элементы списка), содержащиеся в определенном списке, вероятно, означают опции выбора тот же уровень. Я знаю, что это полезно для экранных читателей для людей с нарушениями, которые вы пытаетесь сделать своей разметкой максимально насыщенными семантикой.
Если вы не заинтересованы в этом, то для получаемого результата практически не имеет значения, используете ли вы DIV или Ps. Вы можете стилизовать оба с CSS, чтобы добиться одинакового внешнего вида.
Семантический HTML по-прежнему не является "абсолютным добром", к которому нужно стремиться. Для многих людей семантика не добавляет никакого значения, поскольку они хотят, чтобы их страницы отображались правильно. Поэтому бесконечная дискуссия о том, следует ли использовать таблицы для разметки (и добавить семантику, где она не принадлежит) или придерживаться CSS, скоро не закончится.
p означает "абзац", div означает "деление". Это так сложно, как получается. Это способ сказать поисковым машинам, скреперам, инструментам и т.д., Что это абзац текста.
div нежелателен, когда вы на самом деле отмечаете "абзац" текста.
Оба тега имеют другую цель.
Пример. Вы добавили бы свою навигационную панель в div, чтобы она легко перемещалась слева от страницы или переходила к раскладке из трех столбцов. Различные разделы в вашей навигации (сначала общая навигация по сайту, следующие специальные ссылки для самого последнего сообщения в блоге или что-то еще) могут быть разделены, помещая их в дефрагментированные абзацы.
(Я знаю, неудачный пример, потому что навигация лучше представлена неупорядоченными списками, но что эй).
В прямом ответе на ваш вопрос они дают вам преимущество в том, чтобы различать организацию вашего макета и организацию вашего контента таким образом, который становится ясным в источнике HTML.
Если вы помещаете контент, чтобы вы могли его выложить с помощью CSS, вы, вероятно, захотите <div>; <p> следует использовать для обозначения абзаца текста и его.
Помимо только семантики этого (что важно), вы также захотите рассмотреть проблемы проверки. В соответствии с спецификацией HTML4 вам не разрешено вставлять другие элементы уровня блока (<div>, <ul>, другие <p> и т.д.) Внутри <p> без аннулирования вашего HTML.
Я видел несколько случаев, когда парсеры предпочли преждевременно закрыть <p>, чтобы разрешить запуск другого вложенного элемента блока.
Есть ли какие-либо выгоды, которые я мог бы получить от включения тега
в мой страницы?
Да, если вы используете его правильно - потому что использование семантического HTML всегда полезно.
Существует целый ряд причин, почему это так, но основным для людей, которым требуется быстрое объяснение, является SEO. Поисковые системы лучше поймут вашу страницу, если вы используете семантический HTML.
p предназначены для абзацев. Теги p часто содержат дополнительный CSS-стиль в отношении текстового контента, который входит в них, и этот стиль можно определить в разных местах документации css. например, p обычно имеет немного дополнительного пространства под ним. если вы попытаетесь сложить что-то с помощью p-тегов, вы получите неравномерное дополнение.
Лучше использовать divs, если вы хотите иметь больше контроля над содержимым вашей страницы с программной точки зрения. прикрепление к divs для всех задач макета также позволит вам использовать p-теги исключительно для абзацев.