Чем отличается div от span!

Тем что span можно использоваться внутри других тегов? спасибо!

Добавлено через 15 минут
+ он не блочный? всё ?

0

нет)))
в html в отличие от xml названия тегов придумываются не из головы, а из готового набора.

В этом наборе есть тэги для оформления заголовков (h1,h2,h3..) абзацев (p) ссылок (a), контейнеров (div,span). Контейнеры - это то, во что может быть вложено что-нибудь еще.

А еще тэги могут отображатся на одной линии с другими, или на разных (block, inline).
Например <p> - это блочный тэг, <а> - линейный. Точно так же, div - это блочный, а span - линейный контейнеры.

Но согласно w3c в линейном тэге не может быть блочных тегов (точно так же как в лист бумаги нельзя вложить кубик-рубик).
Поэтому валидатор и ругается на конструкцию:
а вот такую примет на без проблем:
Если все-таки нужно положить блочный в линейный контейнер, делай так:
Добавлено через 26 минут


Просто div - используется для разметки блоков, а span - для текста.
Например, если на странице есть акция: "Спроси у меня по div и span", то оформлять ее надо так:
Браузеры спокойно примут и такое:
но валидатор будет ругаться, потому что такая верстка противоречит логике, т.к. внутри h1 должен быть только текст.
Если нужно использовать div внутри линейных элементов, то можно делать по аналогии:

2

Сообщение от Xero201 Но согласно w3c в линейном тэге не может быть блочных тегов (точно так же как в лист бумаги нельзя вложить кубик-рубик).

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

0

Сообщение от Xero201 Если все-таки нужно положить блочный в линейный контейнер, делай так

Ваш пример неверен. Валидатор все-равно будет ругаться, тк CSS и HTML - это разные вещи со своим синтаксисом. И то, что вы из блока сделаете inline-элемент с пом. CSS совсем не означает, что этот блок можно размещать внутри других инлайнов.

0

Сообщение от taras atavin Пример дряной, так изображение какого угодно кубика, включая Рубика, можно разместить на листе. А чего нельзя, так это в строку запихать страницу.

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

Ваш пример неверен. Валидатор все-равно будет ругаться, тк CSS и HTML - это разные вещи со своим синтаксисом. И то, что вы из блока сделаете inline-элемент с пом. CSS совсем не означает, что этот блок можно размещать внутри других инлайнов.

у меня не ругается (TotalValidator Strict)

0

Сообщение от Xero201 я говорил о настоящем (трехмерном) кубике, который можно положить только в коробочку, а в лист нельзя (не путать с на лист).

А изображение не может быть трёхмерным? Голограммы, стереопары... Кубик не кладётся в лист не из-за объёмности, а из-за реальности. div реален, а span виртуален? Нет. Но нельзя страницу запихать в строку. Текст страницы без соблюдения формата можно, а страницу нельзя. Ну так и текст div можно продублировать в span, а поместить в span сам div нельзя.

0

Сообщение от taras atavin А изображение не может быть трёхмерным? Голограммы, стереопары... Кубик не кладётся в лист не из-за объёмности, а из-за реальности. div реален, а span виртуален? Нет. Но нельзя страницу запихать в строку. Текст страницы без соблюдения формата можно, а страницу нельзя. Ну так и текст div можно продублировать в span, а поместить в span сам div нельзя.

Где я говорил, что коробка - реальна, а лист - виртуальный? Где шла речь о том, что изображения можно формировать только на плоскости?
В примере есть кубик-рубик, который руками можно жмякать, который можно кинуть в модератора, которым можно получить обратно. И есть листок бумаги - тоже реальный, из него можно самолетики делать (ну еще караблики, шапочки, снежинки на новый год). И говорится о том, что каждой твари - по паре: чтобы класть объекты (блоки) нужны коробки, чтобы писать текст (линейные блоки) - нужна бумага.
На фоне этого, считаю неправильным писать текст в воздушном пространстве коробочки
как минимум, туда надо положить какую-нибудь бумагу

0

Сообщение от Xero201 Где я говорил, что коробка - реальна, а лист - виртуальный? Где шла речь о том, что изображения можно формировать только на плоскости? В примере есть кубик-рубик, который руками можно жмякать, который можно кинуть в модератора, которым можно получить обратно. И есть листок бумаги - тоже реальный, из него можно самолетики делать (ну еще караблики, шапочки, снежинки на новый год). И говорится о том, что каждой твари - по паре: чтобы класть объекты (блоки) нужны коробки, чтобы писать текст (линейные блоки) - нужна бумага. На фоне этого, считаю неправильным писать текст в воздушном пространстве коробочки HTML5 1 <div>текст</div> как минимум, туда надо положить какую-нибудь бумагу HTML5 1 <div><p>текст</p></div> Не по теме: ЗЫ. Твоя аналогия со страницей и строкой режет глаза не меньше. В доказательство, ты сам следующей же строкой решил уточнить, что именно разумеешь под "запихать страницу". Блоком это называется, а не страницей (display:block, not display:page); ЗЗЫ А мой ответ можно назвать дрянным только потому, что он слишком длинен (размазан). Хотел урезать, но не уложился в 10 минут

Лист реален? Да. А тект и иллюстрации? Можно и самолётик сложить. Или вырезать. Это изготовление из листа другого объекта. Можно и ту самую коробку из листа же и сделать. Но если лист остаётся плоским листом, то максимум, что в него можно поместить - информация. Вот этим то, а вовсе не трёхмерностью и отличается кубик от своего изображения. В лист нельзя поместить даже монетку, или другой лист, хотя они и вроде как плоские. А объёмное изображение можно. Разница между div и span другого порядка. Оба виртуальны и оба хранят другие виртуальные объекты. Но два span при достаточно малой ширине выстраиваются горизонтально в одну строку, а два div, кроме как в разных ячейках таблицы, только вертикально, потому что span семантически соответствует фагменту строки, а div - фрагменту страницы. В строку нельзя поместить страницу, даже если обе виртуальны. И ты серьёзно считаешь, что я не знаю слова "блок"?

Добавлено через 2 минуты
Но кто то может и не знать, так вот, для него проще будет через страницу, чем через блок.

Добавлено через 3 минуты
А то, что тождества здесь нет, я понимаю не хуже тебя. Блок может быть и в документе, загруженном в текстовый процессор, а он отобразить страницу меньше блока, span может переноситься на следующую страницу, если не хватает ширины страницы. Но всё таки простейшая аналогия для человека, знакомого только с реальным миром - часть бесконечной строки и часть бесконечной страницы.

Добавлено через 11 минут
В случае с листом и картинкой, последняя может выходить за геометрию листа. Стреопара объёмна, но красочный слой для неё плоский. Голографическое изображение объёмно, а голограмма, с которой оно воспроизводится, плоская. Но ни какой реальный объект нельзя положить в лист на место текста или изображения. Но div и span - сами информация, и из них положенные туда объекты выступать не могут. Но span имеет только одно явное измерение - номер символа, а div явно двумерен и, конечно, не влазит.

0

Тарас, хорош). Не дергай сообщениями каждые 5 минут, ок?) Я верю, что ты умный парень (тебе столько раз люди спасибо сказали!), и знаешь, чем отличается span от div. Уверен, что автор сабжа уже тоже давно это понял.

0

Тебе нужны - пользуйся, я обхожусь без css.

0

Сообщение от Xero201 у меня не ругается (TotalValidator Strict)

Ну так еще бы, чего ж ему ругаться-то, если в этом вашем примере внутри параграфа находятся инлайн-элементы SPAN. А то, что один SPAN у вас там сделан блоком с пом. CSS, то для синтаксиса HTML это значения не имеет, для HTML этот SPAN как был инлайном, так инлайном и остался.
А вот если вы сделаете так, как советовали в первом посте, т.е. например засунете DIV внутрь SPANа и примЕните к этому Диву display:inline, то в HTML это будет ошибкой. Т.к., еще раз говорю, это браузер видит и обрабатывает и CSS и HTML, а поотдельности синтаксис этих языков совершенно индивидуален и соблюдать его надо как положено.

0

2 Rayled, блин. да, сначала я фигню написал (потому что ночь была темная). Потом (читай то, что добавлено через 26 минут в том же посте) уже исправился. А тебе бы только придраться. Кому надо, тот поймет идею.
В первом примере нужно было сказать, "не положить div в линейный", а "превратить div в линейный". А чтобы положить его, нужно заменить на span, которой определить как блок. Так пойдет?

0

Именно без css. Я озабочен размером сайта, но не на столько, и вполне возможно, что у меня ещё и оформление слишком простое, чтоб получить хоть какую то выгоду от css. Поэтому обсудить переменные в css я не смогу. Но если кому то они оказались полезны, то с какого перепугу от них отказываться?

0

Сообщение от Xero201 А тебе бы только придраться. Кому надо, тот поймет идею

Э не друг, я не придираюсь. Просто тот твой пост очень хаотично написан. Даже взять твою последнюю правку (последний пример) в нем - говоришь про DIV - пишешь SPAN, говоришь про блок - пишешь inline. Понимаю, что ночь была темная и там есть твое "по аналогии". Но я ж и говорю - хаотично все.

Сообщение от Xero201 Так пойдет?

Так пойдет, только не мне это надо объяснять.

1

Да, я согласен. Первый пост охаян заслужено. Пусть тема послужит примером того, как важно правильно формулировать мысли, и предварительно тестировать выкладываемый код)

0