 |
|
Модераторы: Illuminaty |
 
|
|
Создание современных HTML-страниц, список тегов которые можно использовать 
| Любитель |
|
|||
|
Программист-романтик  Профиль Группа: Комодератор Сообщений: 3645 Регистрация: 21.5.2005 Где: Воронеж Репутация: нет Всего: 92 |
У меня есть знакомый... У него jaws стоит (говорилка такая), так он классы элементов прочитывает, если они логично названы то вообщем ничё. Хотя когда идут слои да слои, то читаются они подря, а не как это на сайте выглядит. Довольно большое безобразие получается... А так, серьёзно, <h...> имхо нельзя выкидывать в ближайшее время. |
|||
|
||||
Загрузка ...
| Простодушный user |
|
|||
 Мужчина-ураган Профиль Группа: Участник Сообщений: 93 Регистрация: 12.4.2005 Где: Санкт-Петербург Репутация: нет Всего: нет |
А я считю так:
Использовать <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 |
|
||||||||||
 Бывалый Профиль Группа: Участник Сообщений: 238 Регистрация: 25.5.2005 Репутация: нет Всего: нет |
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а ... Это сообщение отредактировал(а) PROCESSOR - 7.6.2005, 07:20 |
||||||||||
|
|||||||||||
| Любитель |
|
|||
|
Программист-романтик Профиль Группа: Комодератор Сообщений: 3645 Регистрация: 21.5.2005 Где: Воронеж Репутация: нет Всего: 92 |
Абсолютно согласен  Это сообщение отредактировал(а) Любитель - 7.6.2005, 19:03 |
|||
|
||||
| Се ля ви |
|
|||
 Java/SOAрхитектор Профиль Группа: Модератор Сообщений: 2016 Регистрация: 5.6.2004 Где: place without tim e and space Репутация: 1 Всего: 127 |
Я не понял, а вместо span`а - что? div и span - два родных брата во веки веков! Как же можно их разлучать?
Не, можно, канешь, писать <div style="display: inline;">...</div>, но это же сбивает нафиг с толку!  И вообще, откуда такая информация взялась? В XHTML`е вроде все это предусмотрено... -------------------- |
|||
|
||||
| Mal Hack |
|
|||
 Мудрый... Профиль Группа: Участник Клуба Сообщений: 9926 Регистрация: 15.2.2004 Репутация: 5 Всего: 261 |
DIV это SPAN, но с переводом строки. Поэтому DIV по середине текста, вот ник к примеру полужирным: Се ля ви не сделаешь.
|
|||
|
||||
| Gold Dragon |
|
|||
 Призрачный Профиль Группа: Экс. модератор Сообщений: 6753 Регистрация: 1.3.2004 Где: Россия, Тамбов Репутация: 9 Всего: 71 |
Просто кто-то захотел свою спецификацию написать -------------------- Нельзя жить в прошлом, оно уже прошло. Нельзя жить в будущем, оно ещё не наступило. Нужно жить в настоящем, помня прошлое и думая о будущем! |
|||
|
||||
| Простодушный user |
|
||||
|
Мужчина-ураган Профиль Группа: Участник Сообщений: 93 Регистрация: 12.4.2005 Где: Санкт-Петербург Репутация: нет Всего: нет |
DIV без SPAN никуда, а наоборот запросто. Я вот например DIV очень редко использую, а всё о чём говорил PHP-DIRECTOR запросто могжно ЛЕГКО осуществить через SPAN.
Добавлено @ 15:40
Простите за тавтологию |
||||
|
|||||
| dm9 |
|
|||
 Дмитрий Копытин Профиль Группа: Vingrad developer Сообщений: 3876 Регистрация: 22.7.2002 Где: Москва Репутация: 29 Всего: 137 |
Так говорить неграмотно. Есть блочные и inline-элементы. DIV - блочный, SPAN - inline. У дива не просто перевод строки. Я писал где-то... Вот. http://forum.vingrad.ru/index.php?showtopi...ndpost&p=406438 Немного грубо там описано, но суть такая. Плюс важно понимать, что див по умолчанию растягивается на всю доступную ширину. Что, кстати, не равносильно 100%  В общем, весёлый элемент такой  |
|||
|
||||
| Mal Hack |
|
|||
|
Мудрый... Профиль Группа: Участник Клуба Сообщений: 9926 Регистрация: 15.2.2004 Репутация: 5 Всего: 261 |
+ за поправку. Но я как бы имел визуальный эффект. Хотя, конечно, он зависит от ситуации.
|
|||
|
||||
| Irokez |
|
|||
 индеец Профиль Группа: Участник Клуба Сообщений: 1180 Регистрация: 20.10.2004 Репутация: 3 Всего: 53 |
||||
|
||||
| Се ля ви |
|
||||
|
Java/SOAрхитектор Профиль Группа: Модератор Сообщений: 2016 Регистрация: 5.6.2004 Где: place without tim e and space Репутация: 1 Всего: 127 |
Всё несколько глубже. Div - это элемент уровня блока, а span-уровня текста. Для элементов уровня блока дополнительно применяется очень много стилевых свойств. Это долго объяснять, но суть в том, что это сильно разные вещи, специфика div`ных элементов не описываетсясносом строки, иными словами, div - это совсем не span c br`ом на конце. Дальше, PROCESSOR, я вас правильно понял, что вы почему-то считаете, что ЛЮБОЙ дизайн, который можно сделать таблицами, можно сделать слоями??? Может, тогда дуэльку устроим? Как, например, вы собираетесь делать разъезжающийся дизайн, в котором левый блок должен иметь в ширину 45%, правый - 20%, а средний состоять ещё из двух - верхнего и нижнего - и чтоб никто не наплывал друг на друга? Через JavaScript высчитывать координаты и характеристики слоёв и потом их применять, что ли? Ну да, можно извращаться с другими тегами, отменяя выставленные по-умолчанию стили - в теории это должно быть возможно, но зачем кому-то понадобился такой изврат? Понятно, что огромное количество тегов HTML ни один верстальщик полностью не использует. (я, например, утверждаю, что без проблем сверстаю любой дизайн, задействовав в придачу к стилям 15-20 тегов) и что для наведения порядка хорошо бы подсократить набор тегов, но ТАК всё урезать - значит просто калечить разметку. И, наконец, PROCESSOR, всё-таки приведи ссылку - откуда ты эту информацию взял? Добавлено @ 10:21
Опа! здал -------------------- |
||||
|
|||||
| Black |
|
||||
 Web-Development Профиль Группа: Участник Сообщений: 980 Регистрация: 15.8.2004 Репутация: 15 Всего: 45 |
мне трех хватит. Див Имг и БР <div><img><br> + конечно обязательные.
расплюнуть Сделайте пример на table я сделаю на div. JavaScript не нужен абсолютно. -------------------- Могу все, но ничего не умею :-) |
||||
|
|||||
| Се ля ви |
|
|||
|
Java/SOAрхитектор Профиль Группа: Модератор Сообщений: 2016 Регистрация: 5.6.2004 Где: place without tim e and space Репутация: 1 Всего: 127 |
Статья-то неплохая, хотя нового в ней для меня ничего нет. Реально применять CSS очень тяжело и в реальности это получается что-то среднее между старой табличной реализацией и стилевой. По сути, стили просто позволяют сократить многочисленные атрибуты тегов, заменяя их на 2 атрибута - style и class , да и то, далеко не все стилевые свойства реализованы - что и описано в конце статьи. Но я вам могу сказать точно, что если новые стандарты будут накладывать ещё большие ограничения на дизайнеров, пытаясь заставить их делать сайты "как надо", ограничивая свою фантазию, то ничего из этого не выйдет - а пока мне всё это представляется именно так. -------------------- |
|||
|
||||
| Се ля ви |
|
|||
|
Java/SOAрхитектор Профиль Группа: Модератор Сообщений: 2016 Регистрация: 5.6.2004 Где: place without tim e and space Репутация: 1 Всего: 127 |
Ну, давай считать. Формы - как делать будешь? Это уже как минимум 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... Это сообщение отредактировал(а) Се ля ви - 10.6.2005, 11:10 -------------------- |
|||
|
||||
|
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
[ Время генерации скрипта: 0.0638 ] [ Использовано запросов: 21 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |