Откуда такая любовь....

**Pupil** · 20.08.2006, 15:09

то открой Вебдизайн постандартам Джеффри Зельдмана на главе 5, вот там есть 10 главных причин перехода на XHTML

Для браузеров и пользователей XHTML ничем не отличается от HTML, но некоторые наиболее новые модели браузеров обрабатывают такой код несколько иначе, чем HTML.

Как всегда все зависит от браузера.
[Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ] [Только зарегистрированные пользователи могут видеть ссылки. ]

10 главных причин перехода на XHTML
XHTML является текущим стандартом разметки гипертекста, заменившим HTML 4.
XHTML совместим с другими продуктами на базе XML - языками, протоколами и приложениями, чего нельзя сказать о HTML.
XHTML более последователен, чем HTML, что снижает вероятность возникновения ошибок.
XHTML 1.0 является мостом к будущим новым версиям XHTML. Когда появится стандарт, XHTML 2.0 будет легче перейти на него с XHTML 1.0, чем с HTML.
Старые браузеры также корректно отображают XHTML, как и HTML.
Новые браузеры любят XHTML (в частности XHTML 1.0), он предоставляет многие функции, недоступные в HTML.
XHTML так же хорошо работает в беспроводных устройствах, программах для чтения информации с экрана и других пользовательских устройствах, как и в традиционных браузерах, что во многих случаях устраняет необходимость создания отдельных версий для беспроводных устройств и повышает доступность сайта.
XHTML является частью семейства Web-стандартов (также включающего в себя CSS и W3C DOM), что позволяет контролировать внешний вид и поведение страницы на разных платформах, браузерах и устройствах.
Использование XHTML ведет к повышению доступности вашего сайта и одинакового отображения страниц в браузерах разных производителей.
Использование XHTML может привить вам привычку проверять страницы с помощью служб проверки кода, что может сэкономить время на тестировании и отладке и поможет избежать основных ошибок доступности, например отсутствие атрибута alt для каждого тега IMG

Попробуй написать документ

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

и

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

**stschurik** · 22.08.2006, 12:16

Считаю, Что проблема в том как верстать исчезнет(дивами или таблицами).

Возможно будет так...
Просто на основе xml по правилам xslt будет создаваться уже для вывода файл html. (И надо лишь будет ввести стандарт в html файл ссылку на xml файл, при помощи которого была создана эта страница. А в xml файл один лишь голый контент)

**Zigzag** · 22.08.2006, 13:33

Originally posted by stschurik@Aug 22 2006, 12:16
Считаю, Что проблема в том как верстать исчезнет(дивами или таблицами).

Возможно будет так...
Просто на основе xml по правилам xslt будет создаваться уже для вывода файл html. (И надо лишь будет ввести стандарт в html файл ссылку на xml файл, при помощи которого была создана эта страница. А в xml файл один лишь голый контент)
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

простите, а от БД мы уже отказываемся? это шаг назад был бы, имхо

**stschurik** · 22.08.2006, 13:51

Если вы имеет ввиду Базы данных. То вам от них никуда не деться.
Вообще спор из-за чего, чем верстать дивамии или таблицами.
Из-за того что легче поодерживать(обновлять) и что лучше для поисковиков.

**Zigzag** · 22.08.2006, 15:31

Originally posted by stschurik@Aug 22 2006, 13:51
Если вы имеет ввиду Базы данных. То вам от них никуда не деться.
Вообще спор из-за чего, чем верстать дивамии или таблицами.
Из-за того что легче поодерживать(обновлять) и что лучше для поисковиков.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
поддерживать и обновлять однозначно сайт сверстанный на DIV'ах, для поисковиков точно также семантическая верстка, как бальзам на душу.

Originally posted by isagalaev@Aug 16 2006, 17:56
В XHTML - не применяется. Проблема в том, что XHTML-документов в природе практически не существует. Даже если вы пишете документ, который валиден с точки зрения XHTML'ного валидатора, браузеры все равно воспринимают его как HTML, потому что он пересылается с Content-type: text/html. Впрочем, я это подробно изложил в статье (и в этом ее смысл).

вот, кстати, по теме [Только зарегистрированные пользователи могут видеть ссылки. ]

пост и комменты схожи с нашей дискуссией...

вдогонку [Только зарегистрированные пользователи могут видеть ссылки. ]

вот еще конкретно "Div vs Table" [Только зарегистрированные пользователи могут видеть ссылки. ]

как жаль, что я раньше не начал вникать в CSS верстку, теперь приходится прочитывать подобные ресурсы задним числом

Saint_Matrix
как успехи в постижении CSS верстки?

**Saint_Matrix** · 28.08.2006, 12:48

Originally posted by Zigzag@Aug 24 2006, 19:58
Saint_Matrix
как успехи в постижении CSS верстки?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Сам CSS по сути безусловно вещь. Я это и не отрицала, всегда считала абсурдом, устанавливать отступы прозрачным гифами. Но маниакально верстать все без таблиц только лишь затем, чтобы не было - абсурд. Есть вещи для которых таблицы идеальный вариант. Только что дочитала "WEB - дизайн по стандартам". Уж много там наивности.

Кстати вопрос не в топик. Почему в IE при установке float:left; width:25%; Последний четвертый блок переносится.

Код:

<div style="float:left; width:25%;"></div>
<div style="float:left; width:25%;"></div>
<div style="float:left; width:25%;"></div>
<div style="float:left; width:25%;"></div>

**Zigzag** · 28.08.2006, 15:00

Originally posted by Saint_Matrix+Aug 28 2006, 12:48-->

Сам CSS по сути безусловно вещь. Я это* и не отрицала, всегда считала абсурдом, устанавливать отступы прозрачным гифами.

К счастью, я начал верстать в 2002 году таблицами и благополучно пережил необходимость использования прозрачных gif'ов, т.к. в этом уже не было особой необходимости. А CSS супер вещь! =)

<!--QuoteBegin-Saint_Matrix@Aug 28 2006, 12:48
[b]Но маниакально верстать все без таблиц только лишь затем, чтобы не было - абсурд.

Что значит маниакально? Таблицы предназначены были изначально для представления упорядоченных табличных данных, а не для разметки страницы. Сама табличная верстка появилась как вынужденная мера разметки в виду отсутствия иных методов и получила распространиение вместе с появлением поддержки в браузерах border="0".

Originally posted by Saint_Matrix+Aug 28 2006, 12:48-->

Есть вещи для которых таблицы идеальный вариант.

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

<!--QuoteBegin-Saint_Matrix@Aug 28 2006, 12:48
[b]Только что дочитала "WEB - дизайн по стандартам". Уж много там наивности.

Любые книги "несоветских" авторов необходимо пропускать через призму наших СНГ'шных реалий. Но самуй главную функцию она выполняет, она задает правильный вектор для вебмастеров (особенно начинающих) и указывает на оправданность применения тэгов по их семантическому предназначению.

Originally posted by Saint_Matrix@Aug 28 2006, 12:48
[b]Кстати вопрос не в топик. Почему в IE при установке float:left; width:25%; Последний четвертый блок переносится.

Код:

И вправду, сие лечится вот этим:

Код:

Кстати, проверил еще, этот глюк с рассчетом ширины строки проявляется интересным способом. уменьшите окно IE и начните его потихонечку растягивать по горизонтали. Блок последний будет прыгать, то становиться в ряд со всеми, то переносится на следующую строку, когда растяните окно на всю ширину экрана, все будет ок, но как только нажмете кнопку развернуть на весь экран... снова глюк. Вот за все это я и обожаю мелкомягких.

Кстати в 7ом IE появиться куча вещей, который облегчат будни верстальщика.

* * * <?xml> prolog no longer causes quirks mode
* * * Min/max width/height support
* * * Enable :hover on all elements not just on <a></a>
* * * Transparent borders
* * * Alpha channel PNG support

We are already planning for the next IE release and will continue down the road of improving our CSS support

Источник: [Только зарегистрированные пользователи могут видеть ссылки. ]

**makeitso** · 28.08.2006, 16:24

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

блоки равной высоты;
горизонтальные блоки с неизвестными width (резиновые меню етц.);
вертикальное выравнивание при неизвестном height;
pixel-perfect горизонтальный расклад блоков (без 1-пиксельных гапов в ИЕ и Опере);
множественное чередование блоков с фиксированным/резиновым width.

**Saint_Matrix** · 28.08.2006, 16:58

горизонтальные блоки с неизвестными width (резиновые меню етц.);

Это именно самая частая и злободневная для меня проблема.
Я целиком и полность согласна с makeitso.
И хотя общую раскладку я уже давно делаю при помощью DIV. Часть дизайна с нестабильными width (меню например и контенные картинки) я делаю с помощью table. ИМХО лучший вариант. Все таки DIV не до конца приспособлен для выполнения структурной разметки.

**Zigzag** · 28.08.2006, 16:59

Originally posted by makeitso+Aug 28 2006, 16:24--><div class='quotetop'>Цитата(makeitso @ Aug 28 2006, 16:24)</div>

блоки равной высоты;[/b]

для каких целей? если только для дизайна, преспокойно имитируем бэкграунд имеджем это...

Originally posted by makeitso@Aug 28 2006, 16:24
*
горизонтальные блоки с неизвестными width (резиновые меню етц.);

меню делается через
, а не таблицы... что еще кроме меню? по горизонтали задаем в процентах или min-width, совсем не представляю ситуации, когда точно известно, что будут горизонтальные блоки и даже нет никакой инфы о примерном их содержимом (читай размерах по горизонтали).

Originally posted by makeitso@Aug 28 2006, 16:24
*
вертикальное выравнивание при неизвестном height;

как раз столкнулся с этой проблемой, но все решаемо, вот

Originally posted by makeitso@Aug 28 2006, 16:24
*
pixel-perfect горизонтальный расклад блоков (без 1-пиксельных гапов в ИЕ и Опере);

а что есть pixel-perfect и 1-пиксельных гапов в ИЕ и Опере (гап - разрыв?)

<!--QuoteBegin-makeitso

@Aug 28 2006, 16:24
множественное чередование блоков с фиксированным/резиновым width.

<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]
в чем проблема? те же % и min-width...

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

, но я же не пишу так, как мне удобно...

**null** · 28.08.2006, 17:39

Originally posted by makeitso+Aug 28 2006, 15:24-->

блоки равной высоты;

а в чем проблема?

Originally posted by makeitso@Aug 28 2006, 15:24
[b]горизонтальные блоки с неизвестными width (резиновые меню етц.);

div прекрасно меняет ширину по контенту.
<!--QuoteBegin-makeitso@Aug 28 2006, 15:24
[b]вертикальное выравнивание при неизвестном height;

мда. вот тут проблема. ну на то есть display: table-cell

это конечно чит

, но вроде работает.

Originally posted by makeitso+Aug 28 2006, 15:24-->

pixel-perfect горизонтальный расклад блоков (без 1-пиксельных гапов в ИЕ и Опере);

не знаком с сутью проблемы. расскажите, пожалуйста.
<!--QuoteBegin-makeitso@Aug 28 2006, 15:24
[b]множественное чередование блоков с фиксированным/резиновым width.

так же как и в п. 2 не вижу проблемы

**makeitso** · 28.08.2006, 17:49

для каких целей? если только для дизайна, преспокойно имитируем бэкграунд имеджем это...

Предлагаю вам самому проимитировать 4-хколоночную верстку(ладно, хотя бы 3-хколоночную, я сегодня добрый

).

Дано: блоки равной высоты (визуально), ширина блока 25%, отступ между блоками 20px, все углы закруглены + какой-нибудь незатейлевый бекграунд вроде градиента

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

Это не значит, что таких ситуаций не бывает

как раз столкнулся с этой проблемой, но все решаемо, вот

Простите, можно пример кода?

а что есть pixel-perfect и 1-пиксельных гапов в ИЕ и Опере (гап - разрыв?)

Пожалуйста, вот вам готовый тест-кейс:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<style type="text/css">
#left{float:left;width:33%;}
#center{ float: left; width: 34%; margin-right: -33%; }
#right{float:right;width:33%;}
div{background: red;}
</style>
</head>
<body>
 *
 *
 *
</body>
</html>

в чем проблема? те же % и min-width...

Для наглядности проиллюстрирую:

Код:

[width=100px][width=45%][width=20px][width=55%][width=20px]

а в чем проблема?

Мне весело

Если проблемы нет, покажите код

И желательно не имитацию, вроде техники faux columns.

div прекрасно меняет ширину по контенту.

Мне правда не понятно при чем тут div и его ширина по контенту. Вы не видели никогда резиновые меню?

мда. вот тут проблема. ну на то есть display: table-cell

это конечно чит

, но вроде работает.

Есть. Для браузеров поддерживающих -CSS3- CSS2.1.

**Pupil** · 29.08.2006, 00:06

Пожалуйста, вот вам готовый тест-кейс:

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<style type="text/css">
#left{float:left;width:33%;}
#center{ float: left; width: 34%; margin-right: -33%; }
#right{float:right;width:33%;}
div{background: red;}
</style>
</head>
<body>
 
 
 
</body>
</html>

а почему так не пойдет?

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
<style type="text/css">
#left{float:left;width:33%;}
#center{ float: left; width: 34%;}
#right{float:left;width:33%;}
div{background: red;}
</style>
</head>
<body>
 
 
 
</body>
</html>

display: table-cell как и display: inline-block - CSS 2.1 Конечно не во всех броузерах есть поддержка.

Пока трудно обойтись без таблиц, но стремиться нужно.

**makeitso** · 29.08.2006, 00:23

а почему так не пойдет?

Сейчас расплачусь. Вы о браузере под названием Internet Explorer вообще не слышали? Вот посмотрите пример приведенный вами в IE. Внимательно.

**Pupil** · 29.08.2006, 00:38

О IE слышал, краем уха. К сожалению младше 6 версии, у меня нет. Плакать не нужно, но я не понял, на что нужно обратить вниманимание?

**makeitso** · 29.08.2006, 00:53

О IE слышал, краем уха. К сожалению младше 6 версии, у меня нет. Плакать не нужно, но я не понял, на что нужно обратить вниманимание?

Размер окна поизменяйте.

**Pupil** · 29.08.2006, 01:05

Менял - все нормально. Зозора нет, блоки не прынают

[Только зарегистрированные пользователи могут видеть ссылки. ]

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

**null** · 29.08.2006, 11:49

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

потому, что во втором случае это проблема производителя браузера, а первый не отменяет очевидных достоинств "семантической" верстки. технология развивается.

зы: [width=100px][width=45%][width=20px][width=55%][width=20px] — это бред просто с точки зрения здавого смысла

**Zigzag** · 29.08.2006, 12:23

Originally posted by null@Aug 29 2006, 11:49
то, что каких-то отдельных (пока обнаружена одна - чередование блоков фиксированой и плавающей ширины) возможностей нет или они плохо реализованы не имеет абсолютно никакого значения потому, что во втором случае это проблема производителя браузера, а первый не отменяет очевидных достоинств "семантической" верстки. технология развивается.

зы: [width=100px][width=45%][width=20px][width=55%][width=20px] — это бред просто с точки зрения здавого смысла
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

+1

**makeitso** · 29.08.2006, 14:25

Замечу, что никто не привел примеров бестабличного решения для вышеобозначеных задач. Показательно.

то, что каких-то отдельных (пока обнаружена одна - чередование блоков фиксированой и плавающей ширины)

Если у вас 1 = 5, то уточняйте это заранее. Не всем сразу бывает ясно.

во втором случае это проблема производителя браузера

Это _ваша_ проблема, как верстальщика, и никого другого.

а первый не отменяет очевидных достоинств "семантической" верстки. технология развивается.

Аминь.

Тема: Откуда такая любовь....

Опции темы

Поиск по теме

Отображение

Похожие темы

Есть ли такая примочка к Opera или Firefox ?

Как вышла такая ерунда?

Любовь - я ее ищу и найду!

Есть ли такая штуковина в Иле?

Есть такая система Onlinechange.com

Ваши права