| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Создание современных HTML-страниц |
| Автор: Black 4.6.2005, 16:38 | ||||||||||
| ---------------------------------------------------------- Современная HTML-страница может содержать следующие теги: ---------------------------------------------------------- Обязательные теги:
---------------------------------------------------------- Теги которые можно использовать в <body>:
Различные включения в документ:
Для создания форм:
----------------------------------------------------------- Нежелательные теги, но допустимые:
----------------------------------------------------------- Если в вашей HTML-странице присутствуют другие теги, то вы должны избавиться от них !!! Минимум тегов - максимум удовольствия. Атрибуты тегов заменяем на CSS2. -------------------------------------------------------------- P.S: давайте вместе создадим таблицу необходимых тегов. Предлагайте ваши теги, которые вы считаете необходимыми при создании современных HTML-страниц и может вы считаете, что некоторые из тех тегов, что я привел, не могут использоваться при создании страниц. --------------------------------------------------------------- |
| Автор: z-END 4.6.2005, 16:46 |
| Серьезно? незнал... а где про это еще прочитать можно... просто не верится что тег "<table>" тоже недопустимый... Добавлено @ 16:51 а <b> <h1><h2><h3><u><i> <frame> тоже? |
| Автор: simanyay 4.6.2005, 16:51 |
| Это с каких это пор <table> недопустим? W3C на него не ругается, насколько я помню. |
| Автор: Black 4.6.2005, 17:36 | ||
| z-END simanyay Современные сайты не должны иметь тега <table> Примеры таких сайтов: http://hunter.vingrad.ru/ http://www.w3.org/ http://www.softbeta.com/ http://gemal.dk/ Ок. Добавляем к таблице теги: -----------------------------------------
----------------------------------------- Только с оговоркой. Таблицы используем для предоставления табличных данных. Как это сделано на http://www.softbeta.com/ |
| Автор: simanyay 4.6.2005, 17:45 | ||||||
Вот это другое дело 
Можешь http://simanyay.org и http://blog.simanyay.org тоже туда присобачить:
|
| Автор: Joes 4.6.2005, 17:45 | ||
а че там??? дивы чтоль??? |
| Автор: simanyay 4.6.2005, 17:49 | ||
Да. Блочная и плавающая верстка. |
| Автор: Black 4.6.2005, 17:56 | ||
ок. Пойдут в мою копилку сайтов сделанных на div'ах. |
| Автор: Irokez 4.6.2005, 18:34 | ||
почему нежелательные? а куда деть: b, u, i, bloquote, code, acronym, p, plaintext, pre...? |
| Автор: simanyay 4.6.2005, 18:57 |
| Я вообще не пойму, кто эти рекомендации выдал? Линком можно в меня кинуть? |
| Автор: batigoal 4.6.2005, 19:09 | ||
http://forum.vingrad.ru/index.php?showuser=777&nickname=PHP-DIRECTOR |
| Автор: Black 4.6.2005, 19:14 | ||||||
div + css и эти теги не нужны
да я предлагаю свою рекомендацию придумать  Вот и спрашиваю кто чего хочет добавить в теги что я привел выше. Ведь есть люди которые не знают HTML, а хотят его выучить и читают они старые учебники где про всякие font пишут, которыми уже и пользоваться стыдно.
<style></style> - необходимо через link подключать стили. <span></span> - необходимо div'ом обходиться, а если уж не получается тогда CSS поможет: display: inline; для div'a и он станет span'ом Добавлено @ 19:17 Lamer George я вам не линк  |
| Автор: Irokez 4.6.2005, 19:19 | ||||
здрасьте, HTML - Hypertext Markup Language - Язык Гипертекстовой Разметки, это не язык оформления, если уж я в тексте задал <b> - это значит что я выделяю текст по смысловому значению, а не делаю его жирным, а если я написал <code> - то значит я имею в виду что далее идет код, а не просто текст, а уж CSS далее занимается оформлением, а <acronym> - тут я вообще не понимаю как можно этот тег эмулировать через стили
и это еще почему? |
| Автор: simanyay 4.6.2005, 19:21 | ||
Lamer George,
Дык есть же W3Cшные |
| Автор: batigoal 4.6.2005, 19:21 |
| Очень инетересный топик. Я и не знал, что на использование тегов накладываются ограничения. |
| Автор: simanyay 4.6.2005, 19:24 | ||
Вот и я тоже... |
| Автор: Black 4.6.2005, 19:35 | ||
| Irokez simanyay не стоит воспринимать это серьезно. Никто не запрешает пользоваться тегами. Также никто не заставляет повиноваться W3C. Просто я хотел поговорить про теги, которые уже можно не использовать при написании страниц.
данные теги по разному выглядят в разных браузерах. А вот если мы их заменим на CSS, то все браузеры покажут это одинаково. Мы можем выбрать шрифт, размер шрифта и цвет. Заключить текст в див и оформить на наличие рамки и отступа от страницы. И все. Теги bloquote, code, acronym, p, plaintext становятся лишними. Ну если хочется использовать bloquote, code, acronym, p, plaintext то пожалуйста. Кто же вам запрещает. |
| Автор: Sardar 4.6.2005, 19:54 | ||
Irokez согласен. HTML в последнее время всё больше теряет структурную основу. Имея рендер можно отрисовать страницу, но совершенно не понятно где логическая структура документа(заголовки, индексы и т.п.) В результате это выйдет боком, на экране отображаем не плохо, а на браиле(для слепых) упираешся в проблему.
А ты задумывался почему так происходит? Потому что бродилка отдаёт их мне в таком виде в какой я хочу, т.е. не долбанный текст в 2 пикселя и фиксированным размером, а увеличенный до нормального размера в шрифте Verdana, потому что мне так удобней читать. Ну и я говорил выше, юзая теги несущие не только инфу по отрисовке можно отдавать их на не стандартные устройства вывода. ИМХО, не правильной дорогой идёт это всё... |
| Автор: Mal Hack 4.6.2005, 19:54 | ||
По стандарту в <body> должен быть один большой <div> Таболицу того, что можно, что нельзя (не рекомендуется) можно глянуть тут: http://www.w3.org/TR/html4/index/elements.html Вот еще грамотная инфа: http://forum.vingrad.ru/index.php?showtopic=52682&view=findpost&p=416441 несколько не точная, но это уже детали. |
| Автор: batigoal 4.6.2005, 20:04 | ||
Я не понял, что означают эти значения:
Получается, что обязательных элементов вообще нет, даже <html>? |
| Автор: Mal Hack 4.6.2005, 20:13 |
| Optional - не обязателен Forbidden - запрещен физически Empty - может ли быть пустым тэгом Deprecated - запрещен стандартом Loose DTD - потерял актуальность Frameset DTD - принадлежит к фрэймовому стандарту. Добавлено @ 20:13 Тут как бы принцип: "Что не запрещено, то не разрешено". |
| Автор: batigoal 4.6.2005, 20:18 |
| То есть обязательных и впрямь нет. Я только не знаю - что такое "фреймовый стандарт"? |
| Автор: Mal Hack 4.6.2005, 20:21 | ||
Ну как тебе сказать, смотря для какого типа стандарта. В самом верху это написано. Обязательными являются DOCTYPE, TITLE, HEAD, BODY (или FRAMESET). HTML. |
| Автор: dm9 4.6.2005, 21:05 | ||||||||
Как автор первого, не соглашусь с этим в корне...
Без спана - вообще никуда. Стили иногда ОБЯЗАТЕЛЬНО надо выносить в основной документ. Пример - картинки, которые должны быть по умолчанию скрытыми (показываются через JS в дальнейшем).
Они накладываются стандартом. То, что описано в первом сообщении, это малая часть того, что обычно требуется использовать.
Наверное, решение - XSLT... |
| Автор: batigoal 4.6.2005, 21:26 | ||||
Имеются в виду вот эти
о котрых вы часто говорите? |
| Автор: Mal Hack 4.6.2005, 21:27 | ||
Да. |
| Автор: Sardar 4.6.2005, 21:29 | ||
Да логично отдавать XML, а бродилка пусть на основе стилей сама решает как это показывать. Но в реалиях кто отдаёт юзеру XML?  Мы движемся к тому что документы HTML станут только для зрячих, так как мало кто будет отдавать контент в других форматах. А юзая старый HMTL, мы несём структуру документа, клиент может выбрать необходимую инфу и отдать её текстом на доску или зачитать. Вот написал ты всё на div'ax, включая заголовки, параграфы и т.д. Выглядит красиво, а как захочешь экстрагировать инфу(например все заголовки), упрёшся в "дурь пришедшую аскетическим толстолобикам...  Говорю в негативе, так как знаю одного не зрячего парня, эта вся фигня в сторону "языка только для отрисовки" выходит боком для них |
| Автор: dm9 4.6.2005, 21:38 |
| Sardar, ты не прав. HTML действительно сейчас переходит (перешёл) в визуальную среду, хотя задумывалось это не так. Но насчёт XSLT - не согласен. Сейчас фирмы начинают применять этот стандарт. Пока парсинг делают на сервере, да. Но через года два-три (когда всякие там Оперы введут поддержку XSLT) отдавать будут XML. |
| Автор: Black 4.6.2005, 22:04 |
| Когда в CSS можно будет писать нечто вроде: width: (100%-300px); width: (30%+10px); То тогда все. Можно будет легко переходить на слои. Теперь задавать позицию им будет легко. А сейчас действительно трудно расчитать место для слоев на странице. Особенно если слоев должно быть много и они вкладываются друг вдруга. Приходится создавать много обобщающих слоев, которые выравнивают все остальные. Если слои упростить к ним понянутся люди. Наверное таблицы выигрывают, тем что они раньше появились и никто не хочет переучиваться. Хотя я тоже согласен - слои в меру. Sardar а я считал что CSS также размечает документ. Т.е. браузер выделяет по CSS шрифт значит на нем надо заострить внимание программе которая читает текст для слепых. Но в идеале для создания страницы нужны <br> <div> + CSS (+ обязательные теги). Все остальные теги по надобности. |
| Автор: Sardar 4.6.2005, 22:08 | ||||||
В ИЕ уже есть expressions, все остальные как всегда курят в сторонке
Ну и как мне отличить цитату от текста таким способом? Цитата может выглядеть как это решит дизайнер... 
Возможно, надеюсь так и будет. Но почему то в магазинах и других проектах всё ещё юзают тот страшный JS1.1 ...? Я к тому что мир всегда движеться медленными темпами. |
| Автор: badaninslava 4.6.2005, 23:31 |
| Я лично руководствуюсь оффициальным описанием HTMLя 3.2 и репорты делаю в соответствии с ним, пользуяст всеми его возможностями. Причём все современные браузеры в состоянии всё адакватно отображать... |
| Автор: Gold Dragon 5.6.2005, 09:39 |
| PHP-DIRECTOR По моему твой топи полный бред.. Есть спецификация где чётко говориться что рекомендуется, что не рекомендуется, что обязательно. И что это за теги <img />, <br />, <link />, ты не с какими другими стандартами не перепутал.. И попробуй сделать одно слова разными цветами букв без <span> Все теги необходимы, просто некоторые используют одни, а некоторые другие. Это дело вкуса и привычки.. |
| Автор: Black 5.6.2005, 11:35 | ||||||||
теги по спецификации XHTML 1.0 HTML 4.01 - последняя версия. Теперь развивается только XHTML.
пожалуйста:
Используется только <div></div>
что правда, то правда... |
| Автор: Gold Dragon 5.6.2005, 12:23 | ||
Громогласно... Странно ты всё это воспринимаешь... Вспомни печатную машинку.. как там осуществляется перевод строки? Правильно, ручками(!) Потом придумали компьтер и текстовые редакторы.. и всё стало проще, потом даже перенос придумали... А ты предлагаешь всё поменять.. Есть блок - <div> Есть абзац - <p> Есть часть абзаца - <span> Это чёткая структура, зачем что-то подменять? |
| Автор: dm9 5.6.2005, 12:51 | ||
| PHP-DIRECTOR, 1.
Надо выносить... То есть не "надо", но "красивее". Имхо. 2. Глупо делать inline элемент из блочного, если есть уже специально предназначенный для этого span. И дело тут не в привычке, а в читаемости кода. |
| Автор: PROCESSOR 6.6.2005, 03:54 |
| Из тегов и в самом деле половина нафиг не нужны включяя и P и SPAN ( этот за лет 5 я ниразу не пользовал , потомучто DIV короче на 2 байта ) . Практичнее пользовать CSS всетаки - весь текст помещаещ в DIV и стилей кучку - заменить можно кучу тегов вместе взятых. Просто Class или ID выставляй , а не копируй кучу тегов для каждого абзаца или предложения или слова. Чем больше человек понимает в ООП тем больше использует возможности CSS помоему. А еще практичнее пользовать FLASH и наслаждаться .  PHP-DIRECTOR Тебебы надо JS подучить, чем писать такой HTML. |
| Автор: skalex 6.6.2005, 10:46 |
| Порой приходится также учитывать требования маркетолога. Попробуй объяснить человеку, который занимается продвижением твоего сайта в интернете, что теперь теги <h...></h...> или <b></b> не рекомендованы, а есть только стили ... |
| Автор: Gold Dragon 6.6.2005, 11:19 | ||
|
| Автор: skalex 6.6.2005, 11:35 |
| Я и имел в виду, что эти теги очень важны для индексации ... Просто, PHP-DIRECTOR предлагает все выносить в стили ... а тегов заголовков в его списочке я не нашел ... |
| Автор: Black 6.6.2005, 11:50 | ||||
только вот этого не нада, половина людей на планете не может терпеть сайты на Flash 
причем тут JavaScript и HTML??? |
| Автор: PROCESSOR 6.6.2005, 14:50 |
| PHP-DIRECTOR FLASH не могут терпеть, только люди сидящие на медленных каналах. А тебе нравится SHOW смотреть - любые зрелещные мероприятие , передачи и прочее ? Или тебе нравится, когда в цирке всё текстом писалибы типа - " Слон выходит на арену , берет клоуна и отрывает ему голову" - разве интересней читать, чем наглядно это увидеть ? Это я уж конечно загнул, потомучто и на HTMLcайтах графики полно, а динамики ( жизни )- нет. Вот в этомже разница HTML+JS и FLASH. ---------------- Причём тут JS ? Притом, что то, то что ты написал легче и практичнее вывести через JS. Он для этого и создан. |
| Автор: Black 6.6.2005, 15:19 | ||
| PROCESSOR протистите на оффтоп ... PROCESSOR - я бы тебе первое место дал как человеку который может писать во все темы отклоняясь от основной темы разговора. Пойми эта тема не про JS и тем более не про Flash 
а если он отключен??? все-таки не для того он создан, а для того чтобы сделать страницу более динамической. Полностью делать вывод HTML'а на JS извращение. |
| Автор: Caramel 6.6.2005, 15:24 | ||
Процессор, вы зря так огульно У меня выделенка. Но я не люблю когда флеш используется по всему сайту к месту и не к месту. Я частенько ухожу если мне кажется что загрузка затянулось. И уж поверте, если бы в том же цирке вместо представления вам показывали бы рисунки где рис. 1 - слон выходит на арену, рис.2 - берет клоуна, рис.3 - отрывает ему голову - это было бы ничуть не лучше напиши они текстом. Кроме того, не надо забывать - на модеме сидит множество людей. И созадавая "тяжелый" сайт вы сознательно ограничиваете себя в посетителях. Другое дело если сайт "показное" или это презентация |
| Автор: PROCESSOR 6.6.2005, 17:47 |
| Если загрузка затянулась - надо растрелять хозяина этого сайта. Как раз рис.1 рис.2 риск.3 показывать может JS. А FLASH покажет анимацию или видео - скорее всего видео. Любой сайт фирмы - это показное. Т.к. это реклама. Реклама должна быть эффектной. ... и вправд чот я заофтопился ... просто люблю людям практические советы давать . |
| Автор: dm9 6.6.2005, 21:15 | ||
Это красный текст. Как это написать без спана? Инлайн-дивом? Это изврат. p нужен для большей логичности представления данных. p - это абзац, блок текста. div по своей сути - это блок разметки. Что-то мы по кругу пошли. Где-то я уже это писал. |
| Автор: Любитель 6.6.2005, 23:54 | ||
У меня есть знакомый... У него jaws стоит (говорилка такая), так он классы элементов прочитывает, если они логично названы то вообщем ничё. Хотя когда идут слои да слои, то читаются они подря, а не как это на сайте выглядит. Довольно большое безобразие получается... А так, серьёзно, <h...> имхо нельзя выкидывать в ближайшее время. |
| Автор: Простодушный user 7.6.2005, 02:57 |
| А я считю так: Использовать <table></table> действительно нужно использовать только для создания таблиц Нельзя забывать про такие тэги как <ABBR></ABBR>, <ACRONYM></ACRONYM>, <CITE></CITE>, <CODE></CODE>, <DEL></DEL>, <EM></EM>, <STRONG></STRONG> <H...></H...> и другие эги логического форматирования. Ведь именно тэг <EM></EM> обозначит важную информацию на которую голосовой броузер должен обратиь особое внимание, а уж стиль к нему можно прописать какой угодно... А вот от такеих тэгов как <B></B>, <I></I>, <TT></TT> и др... действительно можно отказаться, т.к. их предназночение именно в том чтобы принудительно делатьтекст полужирным или зачёркнутым, что можно прекрасно сделать используя стили!!!! |
| Автор: PROCESSOR 7.6.2005, 05:10 | ||||||||||
| dm9 Самый главный плюс для ниспользуемых тегов - это возможность использовать их по своему усмотрению - стилей напихать в него чего душа пожелает ( см. пример 3 )! Да и вообще из всег тегов можно вытворять чо угодно 1 способ:
Вообще тег <B> или <I> или любой однобуквенный можно использовать как более практичный чем <DIV> - для обьеденения элементов просто . Занимает меньше места чем DIV и SPAN ( на 4 (6) символов если считать с закывающим тегом ) . Тока назначить стиль-антипод ему ( например ниже пример с <B> ) 2 способ :
и везде на странице давать id="r" всем красным буковкам 3 способ: назначить любому ненужному тегу какой угодно стиль... Q например ( тоже в жизни не использовал  )
4 способ: Надеюсь все знают про чудеса синтаксиса CSS... если вы хотите заменить значение тегов только в определенном блоке , то пользуйте CSS вот так . В этом примере все <B> внутри <B> будут красными:
5 способ: нескажу обидитесь ... ------------------------ вот пример как можно динамично ( и практично ) выводить страницы путем JS ( или AS ) пример вывода таблиц , в переменной " Z" какбы информация пришедшая ( или регулярно приходящяя ) с сервера, а всё остальное не перегружается никогда. Да даже просто содержимое таблиц очень удобно писать так, а не вставляя кучу тегов ( вообщето для это в редакторах всё предусмотренно. ) NB! Проверял тока в IE !!! Под другие лень настраивать щас . Кому охота сами смогёте.
Тут 3 таблицы выводятся, кто не понял. вариантов вообщем-то море ... даже можно и покорче... Хоть разметку свою создавай (XML собственный ) , ток потом надо чтобы JS его в HTML разобрал . А движок свою разметку понимающий можно просто на любую страницу вставлять <script src="адрес_где_угодно"></SCRIPT> Также можете посчитать сколько займет байтов фаил присланный с сервера с готовой TABLE разметкой или такой как в переменной Z... чувствуете разницу ... а если таблиц много ... Для упражнения можете вывести страницу этого форума, такимже способом и заметите, что её размер сократится раз в 5 или больше . Причем абсолютно свободная и собственная разметка странницы ( точнее данных ) - в PHP даже полегче такую разметку создавать. Кстати всё этоже касается и FLASHа ... |
| Автор: Любитель 7.6.2005, 18:57 | ||
Абсолютно согласен |
| Автор: Се ля ви 9.6.2005, 12:23 |
| Я не понял, а вместо span`а - что? div и span - два родных брата во веки веков! Как же можно их разлучать? Не, можно, канешь, писать <div style="display: inline;">...</div>, но это же сбивает нафиг с толку! И вообще, откуда такая информация взялась? В XHTML`е вроде все это предусмотрено... |
| Автор: Mal Hack 9.6.2005, 14:56 |
| DIV это SPAN, но с переводом строки. Поэтому DIV по середине текста, вот ник к примеру полужирным: Се ля ви не сделаешь. |
| Автор: Gold Dragon 9.6.2005, 14:59 | ||
Просто кто-то захотел свою спецификацию написать |
| Автор: Простодушный user 9.6.2005, 15:38 | ||||
DIV без SPAN никуда, а наоборот запросто. Я вот например DIV очень редко использую, а всё о чём говорил PHP-DIRECTOR запросто могжно ЛЕГКО осуществить через SPAN.
Добавлено @ 15:40
Простите за тавтологию |
| Автор: dm9 9.6.2005, 21:31 | ||
Так говорить неграмотно. Есть блочные и inline-элементы. DIV - блочный, SPAN - inline. У дива не просто перевод строки. Я писал где-то... Вот. http://forum.vingrad.ru/index.php?showtopic=50495&view=findpost&p=406438 Немного грубо там описано, но суть такая. Плюс важно понимать, что див по умолчанию растягивается на всю доступную ширину. Что, кстати, не равносильно 100% В общем, весёлый элемент такой |
| Автор: Mal Hack 9.6.2005, 21:34 |
| + за поправку. Но я как бы имел визуальный эффект. Хотя, конечно, он зависит от ситуации. |
| Автор: Irokez 9.6.2005, 22:04 |
| http://softwaremaniacs.org/blog/2005/06/08/juice-and-flies/ очень хорошая статья |
| Автор: Се ля ви 10.6.2005, 10:19 | ||||
Всё несколько глубже. Div - это элемент уровня блока, а span-уровня текста. Для элементов уровня блока дополнительно применяется очень много стилевых свойств. Это долго объяснять, но суть в том, что это сильно разные вещи, специфика div`ных элементов не описываетсясносом строки, иными словами, div - это совсем не span c br`ом на конце. Дальше, PROCESSOR, я вас правильно понял, что вы почему-то считаете, что ЛЮБОЙ дизайн, который можно сделать таблицами, можно сделать слоями??? Может, тогда дуэльку устроим? Как, например, вы собираетесь делать разъезжающийся дизайн, в котором левый блок должен иметь в ширину 45%, правый - 20%, а средний состоять ещё из двух - верхнего и нижнего - и чтоб никто не наплывал друг на друга? Через JavaScript высчитывать координаты и характеристики слоёв и потом их применять, что ли? Ну да, можно извращаться с другими тегами, отменяя выставленные по-умолчанию стили - в теории это должно быть возможно, но зачем кому-то понадобился такой изврат? Понятно, что огромное количество тегов HTML ни один верстальщик полностью не использует. (я, например, утверждаю, что без проблем сверстаю любой дизайн, задействовав в придачу к стилям 15-20 тегов) и что для наведения порядка хорошо бы подсократить набор тегов, но ТАК всё урезать - значит просто калечить разметку. И, наконец, PROCESSOR, всё-таки приведи ссылку - откуда ты эту информацию взял? Добавлено @ 10:21
Опа! здал |
| Автор: Black 10.6.2005, 10:33 | ||||
мне трех хватит. Див Имг и БР <div><img><br> + конечно обязательные.
расплюнуть Сделайте пример на table я сделаю на div. JavaScript не нужен абсолютно. |
| Автор: Се ля ви 10.6.2005, 10:49 | ||
Статья-то неплохая, хотя нового в ней для меня ничего нет. Реально применять CSS очень тяжело и в реальности это получается что-то среднее между старой табличной реализацией и стилевой. По сути, стили просто позволяют сократить многочисленные атрибуты тегов, заменяя их на 2 атрибута - style и class , да и то, далеко не все стилевые свойства реализованы - что и описано в конце статьи. Но я вам могу сказать точно, что если новые стандарты будут накладывать ещё большие ограничения на дизайнеров, пытаясь заставить их делать сайты "как надо", ограничивая свою фантазию, то ничего из этого не выйдет - а пока мне всё это представляется именно так. |
| Автор: Се ля ви 10.6.2005, 11:09 | ||
Ну, давай считать. Формы - как делать будешь? Это уже как минимум 5 тегов: form, input, textarea, select, option Стили - как подключишь? + тег link или style, в котором будет команда @include. Про секцию "head" вообще забыл, а это title, meta, крайне-желательная для раскрутки, да и сами теги <html> и <body> обязательно нужно ставить! Да и, вобщем, <!DOCTYPE было бы желательно... Клиентский функционал ты ведь в Javascript писать будешь? + тег script Ну и таблицы - минимум это table, tr, td (не говоря о том, что по-хорошему надо бы все внутренности включать в секции thead, tbody и tfoot - их удобно для разруливания стилей использовать все три, но если уж себя в удобствах ограничивать, я бы оставил один tbody), от которых реально никуда не уйдёшь, если не будешь ограничивать дизайнера. Кароче минимум - 19 выходит полюбому (без tbody). Но всё-таки страшно неудобно вместо span`а писать <div style="display: block;"> - по-этому я лично предпочту span`чик зажать. h1 и h2 и h3 часто используются для индексирования поисковиками и заголовки лучше для раскрутки ими оформлять - я бы и их оставил. Итого 19 - минимум, 24 которыми привык пользоваться я. Хм, даже больше получилось, чем заявленные 20... |
| Автор: PROCESSOR 11.6.2005, 04:13 |
| Се ля ви Ты про какую информацию конкретно ? www.w3.org - посмотри SOURCE . Если уже законодатели этим пользуются.... Утверждаю и готов кровью доказать ( вместе с PHP DESIGNEROM ), что таблицами - выводятся таблицы. А размещение элементов по страницы наааамного легче и разумнее делать CSS - уметь надо. Где-то тут даже тема была - ответ на твой вопрос. Или это на другом форуме. Короче поищи здесь, а если эта тема на другом форуме то в личку пиши... вроде где-то здесь видал. Сколько тегов я использовал ... ну примерно 20 есть. |
| Автор: Gold Dragon 11.6.2005, 08:08 | ||
|
| Автор: Greendrake 29.8.2005, 16:56 |
| Не забываем про <sup> и <sub> - верхние и нижние индексы. Навряд ли меня убедят делать их дивом с извращёнными маргинами и паддингами..... |
| Автор: o.s.a. 29.8.2005, 17:06 | ||
Greendrake
|
| Автор: Greendrake 30.8.2005, 08:15 |
| Да, действительно Если уж на то пошло, то и IMG можно исключить. Берём DIV, и ставим ему background-url.....  |
| Автор: Black 4.9.2005, 01:08 | ||
Впринципе, можно и <a> заменить:
|
| Автор: Irokez 4.9.2005, 01:21 | ||
круто.. только вот ни один робот не проиндексирует страницы.. |
| Автор: Gold Dragon 4.9.2005, 11:56 |
| Может хватит придумывать велосипед... если есть <a>, то зачем мудрить? Полное извращение |
| Автор: Greendrake 4.9.2005, 19:28 | ||
Только хотел отдать предпочтение DIVам вместо таблиц, не тут-то было:
Идея в том, чтобы красный и зелёный блоки шли бок о бок (а не один под другим) даже тогда, когда беспробельный контент одного из них выпирает за его ширину. С DIVами такое у меня пока не получается. Покажите мне, сторонники DIV и знатоки CSS, как такое сделать? С word-wrap:break-word можно не пыжиться, пробовал - не помогает. |
| Автор: Дрон 19.7.2006, 18:17 | ||
Подниму старую тему, ибо прочитав один из постов на The Daily WTF, сразу вспомнил её, а если конкретней, то это высказывание в начале:
Смотрите сами до чего такие вот "идеи" доводят: http://thedailywtf.com/forums/thread/74148.aspx  |
| Автор: z-END 19.7.2006, 18:30 |
| Дрон, а по русски чего там?! такой объем на буржуйском мне лень осиливать |
| Автор: dm9 19.7.2006, 18:45 |
| ЛОЛ Дрон, спасибо, буду приводить в пример теперь Z-End, зацени исходный код http://thedailywtf.com/forums/74146/postattachment.aspx. |
| Автор: DemoCode 19.7.2006, 18:46 | ||||
У меня на работе рекомендуют делать так, что css храниться в отдельном файле, но инклудится в отдаваемый HTML-код с помощью серверного языка в <style></style>. Бывают случаи (особенно в IE) когда css, подключенный через <link> не загружается, и тогда страница выглядит совсем не так как хотелось бы. Даже если такое случается нечасто, но если заказчик такое увидит ... Добавлено @ 18:47
|
| Автор: z-END 19.7.2006, 18:53 | ||
разработчикам зачот |
| Автор: dm9 19.7.2006, 18:55 | ||
DemoCode, а у меня были случаи, когда компьютер самопроизвольно перегружался. Представляешь, заказчик увидит??? Вот как ему тогда объяснить, что это не из-за сайта? Нет, демонстрировать сайт нужно на машине с УПС'ом — это раз. Желательно также бронированнре помещение на глубине метров ста. Это на случай прямого попадания ядерной ракеты. Ну а совсем добросовестные фирмы рекомендуют контур обратной связи. Если на экране появляется неожидаемое изображение, монитор мгновенно переключается на другую машину. Говорят, правда, такие системы обратной связи очень дорого стоят. |
| Автор: katka 19.7.2006, 20:02 |
| например, я не всегда держу окна "развёрнтыми на весь экран". нажала "восстановить окно" с этим сайтом http://hunter.vingrad.ru/ - и правая колонка уехала на юг. и вообще, дивовые сайты часто поражают воображение при не слишком больших размерах окна браузера. это, скажете вы, всё ерунда. но можно ли делать дивную вёрстку без таких эффектов? (я просто не умею на дивах, вот и спрашиваю) |
| Автор: dm9 19.7.2006, 21:21 |
| Можно... поставить на body min-width (ну и его извращенский аналог для ИЕ). Добавлено @ 21:21 Может, ещё как-то можно. |
| Автор: Greendrake 19.7.2006, 22:16 | ||
Чувак хотел скопировать детализацию звонков из браузера в Эксель, ну чтобы ячейка в ячейку как обычно. Mало того, что таблица в браузере выделялась пять секунд по ctrl-A, так она ещё и вставилась только в одну колонку в экселе. Зато на дивах всё [censored 2] . |
| Автор: katka 20.7.2006, 09:21 | ||
а если эта минимальная ширина зависит от содержимного контентной области? например, если там большая картинка — сжимать можно не слишком, а если пара слов текста — можно ужимать почти до упора. когда-нибудь такие простые вещи можно будет верстать без таблиц и без чудовищного геморроя с дивами? кстати, по теме. если запретят теги логической структуры документа, отвечающие за СМЫСЛ содержимого (заголовки, цитаты, абзацы, ТАБЛИЦЫ для табличных данных) — тогда можно пойти покинуть веб без сожаления. я думаю, можно как раз убить все теги, кроме этих. |
| Автор: Jull 20.7.2006, 09:30 |
| А если по теме вопрос, т.е. про совсеменные страницы. Можно все-таки использовать однопиксельный прозрачный гиф или нет? Кто говорит одно, кто другое... |
| Автор: k206i 20.7.2006, 09:48 | ||
Посмотрел я этот мега- пример дивной DIVной вёрстки и подивился. Люди, ну о чём мы говорим (хочется развести руками с широким жестом). Сожмите вы эту страницу в браузере и вы всё поймёте Эти затыки и наезды слоёв вызывают просто отторжение не только от сайта, но и от верстальщеГа... Всё равно таблица пока есть самый универсальный инструмент для построения сетки сайта. Безусловно. можно использовать в цсс всякие min-width, можно скрипт написать. чтобы при определённых разрешениях он фиксировал ширину дива, но скажите, зачем нужна лишняя головная боль, если можно написать просто <table>? Типа "плохой тно", не в "ногу с технологиями", зато работает надёжно и поддерживается везде одинаково.По поводу однопикчельного гифа прозрачного - всегда использовал только его, как распорку. Один минус - при выделении его видно, не очень эстетично, зато опять же - надёжно |
| Автор: Str!pe 20.7.2006, 11:21 | ||||||||||||||||||
Революция, исконно русская национальная забава... Помоему не нам спецификации придумывать а новичков можно отправить по нескольким сайтам...Добавлено @ 11:29
Ага... и любой заказчикк меня после такого пошлет русским иероглифом! Лучше уж верстать всем чем можно, и по спецификации...
А это не вы заказчика в соседнем топике дурили? Вы заказчикам не обьясняете все проблемы?
Добавлено @ 11:32
|
| Автор: katka 20.7.2006, 12:24 | ||
если это спасение от выделения картинки-распорки, то только для ие. но что-то я повторяюсь. |
| Автор: Str!pe 20.7.2006, 13:15 | ||
Другого выходя а не знаю.. |
| Автор: k206i 20.7.2006, 13:39 |
| Stripe, [B]katka[B] права. Это не ото не везде работает... Ктсати, а давайте все дружно посмотрим как выглядят наши сайты в Сафари и Галеоне. Это да-алеко не забИтые браузеры. Я думаю, что о многом придётся призадуматься |
| Автор: dm9 20.7.2006, 15:29 | ||
XHTML2 как раз создавался для того, чтобы оставить только смысл, перенеся всё оформление на CSS. Не стоит путать спецификацию и извращения «программистов», желающих попонтоваться. Добавлено @ 15:31 Спецификация даёт инструмент. А будем ли мы его правильно применять — дело наше. |
| Автор: Str!pe 2.8.2006, 12:03 | ||
Всему свое место, все должно быть в норме, а когда флешем все что можно сделано, когда налеплено куда угодно, это бесить начинает. А сижу я на выделенки, и плачу за нее не я. |
| Автор: rcdimon 6.10.2006, 23:05 | ||
Да и в опере все плывет.... в топку такие ваши рекомендации |
| Автор: batigoal 7.10.2006, 12:57 | ||
...или Оперу |
| Автор: dm9 7.10.2006, 16:10 |
| ...или код тех программистов, у кого «плывёт». |
