Каково различие между <p> и <отделением>?
Они могут использоваться попеременно? Каковы приложения?
Предыдущий код было
<p class='item'><span class='name'>*Scrambled eggs on crusty Italian ciabatta and bruschetta tomato</span><span class='price'>$12.50</span></p>
Поэтому мне пришлось изменить его на
<div class='item'><span class='name'>*Scrambled eggs on crusty Italian ciabatta and bruschetta tomato</span><span class='price'>$12.50</span></div>
Это было легко исправить. И CSS для приведенного выше кода -
.item {
position: relative;
border: 1px solid green;
height: 30px;
}
.item .name {
position: absolute;
top: 0px;
left: 0px;
}
.item .price {
position: absolute;
right: 0px;
bottom: 0px;
}
, поэтому тег div может содержать другие элементы. P не следует принуждать к этому.
Все хорошие ответы, но есть одно отличие, о котором я еще не упоминал, а именно то, как браузеры отображают их по умолчанию. Основные веб-браузеры будут отображать тег
с полями над и под абзацем. Тег
указывает на абзац и имеет семантическое значение.
Все, что может войти в Взгляните на HTML DTD. может войти в
элементы не могут.
.
DIV - это общий контейнер уровня блока, который может содержать любые другие блочные или встроенные элементы, включая другие элементы DIV, тогда как P предназначен для переноса абзацев (текста).
Единственное различие между этими двумя элементами - семантика. К обоим элементам, по умолчанию, применяется CSS-правило: блок (отсюда и уровень блока); не более того (за исключением некоторого дополнительного поля в некоторых случаях). Однако, как уже было сказано выше, они оба сильно отличаются друг от друга с точки зрения семантики.
Элемент , как следует из его названия, предназначен для параграфов. Таким образом,
следует использовать, когда вы хотите создать блоки абзацев.
Элемент
Было бы лучше увидеть стандарт, разработанный W3.org. Вот адрес: http://www.w3.org/
Тег «DIV» может содержать тег «P», тогда как тег «P» не может содержать тег «DIV» - пока что я знаю эту разницу. Могут быть и другие отличия.
Думайте о DIV
как о группирующем элементе. Вы помещаете элементы в элемент DIV, чтобы можно было установить их выравнивание
, тогда как «p»
просто создает новый абзац.
представляет абзац, а
должен представлять что-то, относящееся к самому тексту.
Вы бы не хотели, например, иметь вложенные
, поскольку это не имело бы большого семантического смысла (кроме смысла цитат), тогда как люди используют вложенные
Согласно Википедия
В HTML элементы span и div используются там, где части документа не могут семантически описываться другими элементами HTML. .
Табличка p
предназначена для абзаца, обычно используемого для текста. Метка div
предназначена для разделения, и обычно используется для создания разделов текста.
семантически используется для текста, абзацы обычно.
Они могут вероятно использоваться как взаимозаменяемые, но не должны использоваться.
У них есть семантическое различие - элемент Все зависит от семантики. HTML - это язык разметки, что означает, что он предназначен для «разметки» контента таким образом, чтобы это было значимо для потребителя разметки. Большинство разработчиков считают, что семантика документа - это стили и рендеринг по умолчанию, которые браузеры применяют к этим элементам, но это не так. Элементы, которые вы выбираете для разметки своего содержания, должны описывать содержание. Не размечайте документ в зависимости от того, как он должен выглядеть, - помечайте его в зависимости от того, какой он есть. Если вам нужен общий контейнер Примечание. Важно понимать, что и
предназначен для опишите абзац содержания.
исключительно для целей макета , используйте
.
являются элементами уровня блока , что означает, что большинство браузеров будет относиться к ним аналогичным образом.