The DIV and SPAN elements, in conjunction with the id and class attributes, offer a generic mechanism for adding structure to documents. These elements define content to be inline (SPAN) or block-level (DIV) but impose no other presentational idioms on the content. Thus, authors may use these elements in conjunction with style sheets, the lang attribute, etc., to tailor HTML to their own needs and tastes.
Suppose, for example, that we wanted to generate an HTML document based on a database of client information. Since HTML does not include elements that identify objects such as "client", "telephone number", "email address", etc., we use DIV and SPAN to achieve the desired structural and presentational effects. We might use the TABLE element as follows to structure the information:
<!-- Example of data from the client database: -->
<!-- Name: Stephane Boyera, Tel: (212) 555-1212, Email: sb@foo.org -->
<DIV id="client-boyera" class="client">
<P><SPAN class="client-title">Client information:</SPAN>
<TABLE class="client-data">
<TR><TH>Last name:<TD>Boyera</TR>
<TR><TH>First name:<TD>Stephane</TR>
<TR><TH>Tel:<TD>(212) 555-1212</TR>
<TR><TH>Email:<TD>sb@foo.org</TR>
</TABLE>
</DIV>
<DIV id="client-lafon" class="client">
<P><SPAN class="client-title">Client information:</SPAN>
<TABLE class="client-data">
<TR><TH>Last name:<TD>Lafon</TR>
<TR><TH>First name:<TD>Yves</TR>
<TR><TH>Tel:<TD>(617) 555-1212</TR>
<TR><TH>Email:<TD>yves@coucou.com</TR>
</TABLE>
</DIV>
Later, we may easily add style sheet declarations to fine tune the presentation of these database entries.
гребанный FF!
Правила форума
Пожалуйста, ознакомьтесь с правилами данного форума
Пожалуйста, ознакомьтесь с правилами данного форума
-
- Пользователь
- Сообщения: 65
- Зарегистрирован: 23 июл 2006, 22:31
- Откуда: Ижевск, Россия
раз про стайлинг не говорим, то вот как должен вести себя DIV:
- Котяр
- Маньяк
- Сообщения: 1545
- Зарегистрирован: 02 мар 2005, 13:05
- Откуда: Toronto -> Vancouver
-
- Завсегдатай
- Сообщения: 239
- Зарегистрирован: 02 фев 2005, 20:39
- Откуда: Прага
- Контактная информация:
Закажи перевозку Боинга стандартным 40-футовым контейнером, а когда откажутся, мотивируй английским языкомКотяр писал(а):W3C не обязан давать или пересматривать определения общепринятым словам английского языка. Посмотри в словаре значение слов: container, containи откроется тебе истина

ЗЫ Может попробовать? а потом в суд подать..
Срочно ищу Боинг напрокат!

-
- Пользователь
- Сообщения: 65
- Зарегистрирован: 23 июл 2006, 22:31
- Откуда: Ижевск, Россия
Зачитывание вслух мануалов и спецификаций $50 в час, зачитывание с выражением - $75, перевод с английского на русский $10 за 1000 символов. Цены без учета НДС и прочих таксовКотяр писал(а):своими словами, пожалуйста, можно по-русскиRuss писал(а):раз про стайлинг не говорим, то вот как должен вести себя DIV:.....из "стайлинга" оставим только border - для наглядности

- Котяр
- Маньяк
- Сообщения: 1545
- Зарегистрирован: 02 мар 2005, 13:05
- Откуда: Toronto -> Vancouver


в W3C документации все прекрасно расписано, где и как все должно быть - читайте, учите English и W3C матчасть:

Итого: FF и Opera не в состоянии изобразить W3C box-modelEach box has a content area (e.g., text, an image, etc.) and optional surrounding padding, border, and margin areas...
The perimeter of each of the four areas (content, padding, border, and margin) is called an "edge", so each box has four edges:
content edge or inner edge
The content edge surrounds the element's rendered content


"The greatest enemy of knowledge is not ignorance, it is the illusion of knowledge." - © S. King
-
- Пользователь
- Сообщения: 65
- Зарегистрирован: 23 июл 2006, 22:31
- Откуда: Ижевск, Россия
что есть Box в спецификации XTML? ИМХО, цитаты из спеков CSS не уместно приводить при обсуждении HTML элемента. Не надо группировочный элемент DIV называть боксом. от того что вы велосипед назовете автомбилем, автомобилем он не станет.
PS: английский - учу... а вы видимо уже выучили и успели забть, если не в состоянии понять фразу "[DIV & SPAN] offer a generic mechanism for adding structure to documents [skip], but impose no other presentational idioms on the content".
PS: английский - учу... а вы видимо уже выучили и успели забть, если не в состоянии понять фразу "[DIV & SPAN] offer a generic mechanism for adding structure to documents [skip], but impose no other presentational idioms on the content".
-
- Пользователь
- Сообщения: 65
- Зарегистрирован: 23 июл 2006, 22:31
- Откуда: Ижевск, Россия
- Котяр
- Маньяк
- Сообщения: 1545
- Зарегистрирован: 02 мар 2005, 13:05
- Откуда: Toronto -> Vancouver
я так понимаю XTML - это XHTML? Box - это block-level container http://www.htmlhelp.com/reference/html40/block/div.html block и box - это синонимыRuss писал(а):что есть Box в спецификации XTML?
это еще почемуRuss писал(а):ИМХО, цитаты из спеков CSS не уместно приводить при обсуждении HTML элемента. Не надо группировочный элемент DIV называть боксом. от того что вы велосипед назовете автомбилем, автомобилем он не станет.




э-э-э-йRuss писал(а):PS: английский - учу... а вы видимо уже выучили и успели забть, если не в состоянии понять фразу "[DIV & SPAN] offer a generic mechanism for adding structure to documents [skip], but impose no other presentational idioms on the content".

тебя наверное смутила фраза "but impose no other presentational idioms on the content" которая переводится как "но не навязывают никаких видимых стилей к содержимому", что есть абсолютно верноThe DIV and SPAN elements, in conjunction with the id and class attributes, offer a generic mechanism for adding structure to documents. These elements define content to be inline (SPAN) or block-level (DIV) but impose no other presentational idioms on the content. Thus, authors may use these elements in conjunction with style sheets, the lang attribute, etc., to tailor HTML to their own needs and tastes.


а вот тут и начинаются проблемы в FF, NN и Opera: если в <div> только текст все ОК, если воткнуть имидж - тоже ОК, но не дай бог указать имиджу align (HTML) или float (CSS)



-
- Пользователь
- Сообщения: 65
- Зарегистрирован: 23 июл 2006, 22:31
- Откуда: Ижевск, Россия
Бла-бла-бла и опять все по кругу. Короче, надо завязывать. Моя мысль была и есть такая. DIV нужен для выделения логики страницы, дабы сделать код понятным, а его сопровождение безболезненным. (X)HTML-документ это в первую очередь документ, а не картинка. DIV в документе служит для выделения чего либо, а не для рисования квадратов и прямоугольников. Ваш пример в первом посте - фактическм таблица. в левой колонке картинка, справа описание и цена. DIV вам не нужен. Вам нужен TABLE. В вашем примере DIV уместен только как обертка для TABLE, с соответсвующим именем для class.
Opera 9 и FF нормально рендерят семантически-правильный HTML (см. ссылку про ACID тест выше в одном из моих постов).
Не переживайте так, вы не одиноки в своих мучениях с DIV, и FF здесь ни причем. Этим страдают многие, кто пытается использовать для решения задачи не тот инструмент. У мученников есть диагноз - Divitis или DIV-mania.
Цитата со страницы http://juicystudio.com/article/div-mania.php
Opera 9 и FF нормально рендерят семантически-правильный HTML (см. ссылку про ACID тест выше в одном из моих постов).
Не переживайте так, вы не одиноки в своих мучениях с DIV, и FF здесь ни причем. Этим страдают многие, кто пытается использовать для решения задачи не тот инструмент. У мученников есть диагноз - Divitis или DIV-mania.
Цитата со страницы http://juicystudio.com/article/div-mania.php
What is Div Mania?
The div and span elements were introduced into HTML 4 to provide a generic mechanism for grouping, and adding structure to documents. The div element is a block-level container, and span is an inline element. An id and/or class attribute is usually used with the div and span to provide a hook for styling with CSS or scripting. Div mania is where content developers have replaced table-based layouts for CSS layouts, but have misused the div element to such an extent that they've more or less defined their own markup language consisting almost entirely of nested div elements. The div element is semantically neutral: it doesn't have any meaning other than the fact it is a container element. The div element should be used where no existing element is suitable as a container, not as a replacement for existing elements that have recognised and accepted meaning, such as headings, paragraphs, lists, etc.
- ajkj3em
- Маньяк
- Сообщения: 2063
- Зарегистрирован: 12 ноя 2006, 06:53
- Котяр
- Маньяк
- Сообщения: 1545
- Зарегистрирован: 02 мар 2005, 13:05
- Откуда: Toronto -> Vancouver
а можно, дизайнеры (и я в частности) сами будем решать чем и в каких случаях пользоватьсяRuss писал(а):Бла-бла-бла и опять все по кругу. Короче, надо завязывать. Моя мысль была и есть такая. DIV нужен для выделения логики страницы, дабы сделать код понятным, а его сопровождение безболезненным. (X)HTML-документ это в первую очередь документ, а не картинка. DIV в документе служит для выделения чего либо, а не для рисования квадратов и прямоугольников. Ваш пример в первом посте - фактическм таблица. в левой колонке картинка, справа описание и цена. DIV вам не нужен. Вам нужен TABLE. В вашем примере DIV уместен только как обертка для TABLE, с соответсвующим именем для class.


вот и пусть рендерят и нефик им соваться в XHTML, пока у них проблемы с box-model. ACID - это доморощенный проект группы графоманов и вообще не имеет никакого веса и значенияRuss писал(а):Opera 9 и FF нормально рендерят семантически-правильный HTML (см. ссылку про ACID тест выше в одном из моих постов).

еще раз, позвольте уж мне самому решать какие тэги и где использоватьRuss писал(а):Не переживайте так, вы не одиноки в своих мучениях с DIV, и FF здесь ни причем. Этим страдают многие, кто пытается использовать для решения задачи не тот инструмент. У мученников есть диагноз - Divitis или DIV-mania.
Цитата со страницы http://juicystudio.com/article/div-mania.phpWhat is Div Mania?...


-
- Пользователь
- Сообщения: 65
- Зарегистрирован: 23 июл 2006, 22:31
- Откуда: Ижевск, Россия
пользуйтесь чем хотите. но думаю уже понятно, что экспириенс может выйти за пределы ожидаемого... ради бога, только не применяйте этот подход при приеме лекарств, например не пейте слабительное при сильном кашле. Да слабительное это лекарство, да оно лечит, да его многие пьют, но оно не от кашля.... Спасибо за внимание, за сим откланиваюсь, доказывать что-либо еще не вижу смысла.. как говорится Never argue with an idiot. They bring you down to their level and beat you with experience. - (c)Dilbert.еще раз, позвольте уж мне самому решать какие тэги и где использовать если FF не в состоянии профиксить (уже много лет!) свою неспособность рендерить правильный box-model, то это не повод "лезть на дерево" из прошлого века с его табличным кошмаром
- Котяр
- Маньяк
- Сообщения: 1545
- Зарегистрирован: 02 мар 2005, 13:05
- Откуда: Toronto -> Vancouver
ну вотRuss писал(а): пользуйтесь чем хотите. но думаю уже понятно, что экспириенс может выйти за пределы ожидаемого... ради бога, только не применяйте этот подход при приеме лекарств, например не пейте слабительное при сильном кашле. Да слабительное это лекарство, да оно лечит, да его многие пьют, но оно не от кашля.... Спасибо за внимание, за сим откланиваюсь, доказывать что-либо еще не вижу смысла.. как говорится Never argue with an idiot. They bring you down to their level and beat you with experience. - (c)Dilbert.


- Flar
- Частый Гость
- Сообщения: 36
- Зарегистрирован: 22 июл 2005, 08:26
- Откуда: Vancouver
-
- Завсегдатай
- Сообщения: 239
- Зарегистрирован: 02 фев 2005, 20:39
- Откуда: Прага
- Контактная информация:
Кажется и без указания align и float div не растягивается. С другими div-ами внутри тоже не растягивается. Растягивается _только_ с текстом, что, если быть корректным, не совсем понятно. Но я сейчас не про это. Вышеприведенная картинка с W3 по поводу бокс-модели якобы должна доказывать, что div должен растягиваться в зависимости от контента? Не увидел.. Если вернуться к аналогии и представить, что это схематическое изображение абстрактного грузового контейнера, где там доказательство того, что в него влезет конкретный Боинг? Любой Боинг? Не вижу. Там есть схема устройства, да. По умолчанию содержимое в этой схеме находится внутри, да. Я бы пожалуй согласился, если бы в этой схеме было написано не content, а any content. Но там этого нет.Котяр писал(а):а вот тут и начинаются проблемы в FF, NN и Opera: если в <div> только текст все ОК, если воткнуть имидж - тоже ОК, но не дай бог указать имиджу align (HTML) или float (CSS)вся блочная модель W3C тут же у них валится нафиг
Как говорил один персонаж Симпсонов: "Put her back in, she's not done yet!"