CSS - Как е правилно ?

Moreny

Registered
Здравейте,
Имам следния въпрос. Как е по правилно да се направи когато имаме текст да го отделям всеки пред с <li></li> като за него имам направен клас.
Или с параграф <p></p> и за него имам зададени параметри в CSS-a

Пример :

<li>Текст </li>
<li>Текст </li>
<li>Текст </li>

Или

<p>Текст </p>
<p>Текст </p>
<p>Текст </p>

Разгледах разни сайтове и ми прави впечатление, че повече се използва <li> ? Но защо ?

Благодаря !
 
skatebord каза:
<li> е по-подходящо за менюта, а <p> за текст :wink:
Напълно съм съгласен с това, само да добавя, че li също се използва и за списъци (каквато е първоначаланата му идея)
Също за inline текст се използва <span>, <p> е по-скоро за параграфи :)
Невиждам защо всеки ред трябва да се прави според теб в нов параграф.
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст <br /> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
Това върши същата работа като
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
<p>текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>

Виж вече, е по-различна ситуацията ако искаш не само да ти е нов реда ами и стиловете на двата параграфа да са различни. Тогава кода може да се направи така:
Имаш два класа. Единия да речем
.red {
color: red;
font-size:16px;
}


а другия

blue {
color: blue;
font-size:20px;
}

и тогава първия вариант с <br /> няма как да стане и ще трябва да използваш втория вариант с два <p></p>
Нещо такова
<p class="red">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>
<p class="blue">текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </p>


И понеже споменах <span> по-нагоре в това мнение. Ще ти кажа, че той също може да се използва за форматиране на текст. Разликата с <p> е, че <p> оставя един празен ред след себе си, докато <span> не прави никакъв нов ред след себе си.

<p>текст текст текст </p><p>текст текст текст</p>

и

<span>текст текст текст</span><span>текст текст текст</span>

ще изкарат два различни резултата:

1. текст текст текст
текст текст текст


и

2. текст текст текст текст текст текст
 

Back
Горе