Список в параграфе

[aspirin]

Сегодня столкнулся с особенностью тэга <p>, когда попытался в него поместить список. Как оказалось p закрывается перед началом списка, и "Если закрывающего тега нет, считается, что конец абзаца совпадает с началом следующего блочного элемента." © htmlbook. Как с этим бороться? Мне нужно, что бы список находился именно в абзаце, так как поисковики весь текст который находиться вне <p></p> считает технической информацией ( + у тэга p у меня есть бордер и бэкграунд ).

 

[Den_Mak]

<p> Абазац 
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
</p>
[code]

 

[aspirin]

То, что вы написали в выглядит в браузере вот так:
<p> Абазац </p>
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>
<p></p>
Эту тему я открыл для того, что бы решить эту проблему.

 

[BaNru]

Den_Mak, не зная броду, не суйся в воду.

aspirin, потому что Р это именно абзац. UL имеет туже примерно структуру. Ты же не вложишь P в P:

<p><p></p></p>

Это не правильно

<p><p></p>

будет аналогичен

<p></p><p></p>

Тоже самое и с UL. Так же как P встречает элемент (как в HTMLBOOK сказано - блочный), то он автоматом закрывается. Именно поэтому даже в спецификации к HTML5 говориться об не обязательном закрытие многих элементов.

Элементы эти думаю Тигра правильнее меня перечислит.

 

[aspirin]

Это все я понимаю, вопрос в другом - как выкрутиться?

 

[BaNru]

Это именно строчный элемент. Блок в блок вкладывать можно. Строку в строку же - нельзя.

Представь, что перед тобой лежат нитки и кусочки (квадратики разных размеров) бумаги или коробочки.
Вот кусочки бумаги ты вложить можно, без проблем, а нитки, ты можешь зигзаком крутить, длиной, но пересекать их не логично....думаю суть ясна.


Да, так не получится. Используй контейнеры. В HTML5 специально созданы теги article и section для логического разделения.

 

[Aristotel]

http://htmlbook.ru/html/p
http://htmlbook.ru/samlayout/blochnaya-verstka/blochnye-elementy

как я понял то что вы хотите не возможно.

 

[aspirin]

Спасибо, тема исчерпана.

 

[medwoodu]

Тег DIV еще никто не отменял.
В теге p нельзя размещать списки

 

[tigra60]

поисковики весь текст который находиться вне <p></p> считает технической информацией

Это с какого перепугу? Будьте добры, указать источник подобной информации.

у тэга p у меня есть бордер и бэкграунд

Весьма сомнительное решение, особенно бордер.

 

[aspirin]

К сожалению, линк был утерян во время поиска решения. Но это сказал неизвестный на каком-то форуме (ну и я конечно же поверил, наверняка человек это говорил на основе чего-то).