понедельник, 17 сентября 2007 г.

55 причин использовать XHTML-CSS при создании сайтов

55 причин использовать XHTML-CSS при создании сайтов

Перевод статьи «55 Reasons to Design in XHTML-CSS».

В случайном порядке здесь представлены мои 55 причин создавать только бестабличные сайты, используя валидный XHTML для разметки, CSS для форматирования и Flash только в качестве уместной вставки. Под бестабличностью я понимаю избегание форматирования контента таблицами (или «супом» из заменяющих таблицы div-ов) и нацеленность на как можно более семантичную разметку.





Некоторые из перечисленных причин объясняют, «почему не использовать простой HTML», некоторые — «почему не сделать всё на Flash», некоторые относятся как к первому, так и ко второму.

Я знаю, что эта тема обсуждалась множество раз, но всё равно выскажусь.

Итак, приступим:

  1. На вас могут сослаться на демонстративных сайтах, таких как zengarden, stylegala, cssimport и cssbeauty.
  2. Вам нет нужды тратить лишнее время и энергию на обдумывание стиля вашего кода (писать заглавными буквами или строчными, использовать кавычки или нет).
  3. Вам нет нужды размышлять о том, какие теги необходимо закрыть, а какие можно (нужно) оставить открытыми.
  4. Вы помогаете поисковым системам организовать более релевантную выдачу, использую семантичную разметку.
  5. Вы сэкономите на своём трафике, а у посетителей станут быстрее загружаться ваши страницы за счёт уменьшения их объёма.
  6. Для вас будет проще перейти на стандарт XHTML 2.0, который предоставит ещё больше семантичных инструментов.
  7. Как только вы достаточно попрактикуетесь, кодирование страниц станет для вас проще и быстрее, чем с помощью любого табличного «супа».
  8. Что в свою очередь даст вам больше времени для заботы о пользователях.
  9. Обдумывание семантики поможет вам принять дизайнерские и информационно-архитектурные решения.
  10. Вы сможете быстро создавать «сырые» сайты для тестирования их информационной архитектуры, а «красивую обложку» добавлять позднее и с минимальными изменениями в коде.
  11. Вы сможете делать дизайн уже после завершения всех «внутренних» работ, что поможет вашему боссу либо клиенту реалистично представлять, сколько времени осталось до завершения работ.
  12. У вас будет возможность явно ссылаться на свои внутренние страницы (в отличии от Flash-сайтов).
  13. Вы можете использовать функции браузера, такие как уменьшение/увеличение размера шрифта и кнопки назад/вперёд (в отличии от Flash-сайтов).
  14. Редизайн и перенастройка всего сайта станут проще.
  15. Проще будет выполнять последние штрихи при завершении работы над дизайном.
  16. Простая разметка делает создание CMS значительно проще, либо вообще неактуальным.
  17. Простая разметка позволит быстрее подключиться к работе другому разработчику.
  18. Вы сможете разрабатывать внутреннюю функциональность полностью независимо от внешнего представления, даже силами двух не связанных людей.
  19. Вы сможете вволю наиграться с деталями вашего кода, стараясь угодить поисковым системам, без всякого вреда для внешнего вида сайта.
  20. Вы будете иметь полный контроль над версией ваших страниц для печати.
  21. Ваши сайты автоматически станут доступны для всех типов браузеров (напр. голосовых, прим. переводчика).
  22. Популяризация веб-стандартов сделает в будущем вашу работу проще, благодаря отпадению необходимости писать код отдельно для каждого браузера.
  23. Когда все элементы закрыты, ваш код выглядит элегантней.
  24. Правильно скомпонованный код обеспечивает вашему сайту правильное отображение в большем количестве браузеров.
  25. Правильно скомпонованный код позволит разработчикам браузеров уделить больше внимания разработке полезных нововведений, чем тратить время на поддержку их браузерами «битого» кода.
  26. Ваш сайт будет поддерживаться браузерами и в будущем.
  27. Ваш сайт будет лучше отображаться в мобильных устройствах.
  28. Вы изучите основы XML, который имеет множество других применений.
  29. CSS-файлы сохраняются в кэше браузера, благодаря чему увеличивается скорость обработки ваших страниц. Также вы сможете сэкономить на размере необходимой вашему сайту линии подключения.
  30. Ваши документы станет проще конвертировать в другие форматы с помощью XSLT.
  31. Обдумывание семантики заставит вас больше думать о вашем контенте.
  32. Изучение семантики позволит стать вам более организованным, что повлияет на качество всех создаваемых вами документов, даже электронных писем.
  33. Вы сможете добавить новые технологии в ваше резюме.
  34. Современные браузеры проводят рендеринг валидных документов быстрее.
  35. Вы почувствуете себя лучше, потому что будете знать, что создаете сайты «правильно».
  36. Веб-стандарты поддерживают такие люди, как: Dan Cederholm, Jeffrey Zeldman, Jason Santa Maria, Shaun Inman, Cameron Moll, Douglas Bowman, Dave Shea
  37. Вы станете членом «движения», благодаря чему заведёте полезные контакты.
  38. Вы станете больше уважать молодые браузеры, что позволит увеличить конкуренцию на рынке, благодаря чему все браузеры станут лучше.
  39. Тег Blink исчезнет.
  40. Жёсткий стандарт кодирования позволит вам научиться быстрее выявлять свои ошибки.
  41. Вы сможете заработать деньги на обучении других этому, например, написав книгу.
  42. У вас появится больше возможностей при поиске работы, благодаря новым умениям.
  43. Вы лучше поймёте, как работают браузеры.
  44. Вы сможете использовать хаки и технологии с крутыми названиями, как «be nice to Opera».
  45. Вы начнёте уделять больше внимания метаинформации, типизированию документа и заданию кодировки.
  46. С большим количеством людей в мире, делающих страницы меньшего размера, поток общемирового трафика уменьшится, что позволит улучшить скорость работы всего интернета.
  47. XHTML звучит круче, чем просто HTML (думаю здесь уместен смайлик, прим. переводчика).
  48. Больше людей размышляет над преимуществами и недостатками, а также способами использования XHTML, что создаёт больше пространства для обмена опытом.
  49. Вы сможете использовать практически одну и ту же разметку для различных сайтов.
  50. Когда вы научитесь писать код быстрее и проще, вы сможете отказаться от дорогостоящего ПО.
  51. Google говорит, что (сравнивается количество результатов по запросам, прим. переводчика): 4,380,000 xhtml better than html > 4,370,000 html better than xhtml, 206 “xhtml is better than html” > 87 “html is better than xhtml”, 2,130,000 xhtml sucks < 10,300,000 html sucks.
  52. Когда все браузеры научатся правильно определять MIME-тип, вам не нужно будет конвертировать все ваши сайты из HTML, достаточно будет просто указать правильный тип.
  53. Если больше людей начнёт использовать XHTML, в будущем IE придётся научиться правильно распознавать MIME-тип.
  54. Повысится уровень доступности ваших сайтов, в частности благодаря использованию атрибута alt на картинках.
  55. Просто-напросто нет такого количества причин делать сайты на простом HTML, либо полностью на Flash.

Спасибо GogA за помощь в работе над переводом!

Автор: Роман Настенко.

Интересное...



Комментарии:


ForJest
Сентябрь 17th, 2007 @ 15:12
>>С большим количеством людей в мире, делающих страницы меньшего размера, поток общемирового трафика уменьшится, что позволит улучшить скорость работы всего интернета.
Аффтар жжот. И в освободившеся канале можно будет уместить больше спама и роликов с ютуба!

Роман Настенко
Сентябрь 17th, 2007 @ 15:18
ForJest, а что скажешь о переводе в целом (я, кстати, немного исправил ошибки сейчас)?

Роман Настенко
Сентябрь 17th, 2007 @ 15:25
Поддержать перевод можно здесь:
***

Роман
Сентябрь 17th, 2007 @ 15:36
статья откровенное говно :)

ganges
Сентябрь 17th, 2007 @ 16:03
Статья запоздала в русскоговорящем нете лет на 5, а то и на все 7 :) Это нужно распечатывать на A3 и вешать в каждом офисе сайтостроительной компании.
@Роман
п29 про толщину экрана не совсем, а вернее совсем неверно
“CSS files are saved in browser cache for fast retrieval and less bandwidth use”
CSS файлы сохраняются в кэше браузера (или просто CSS файлы кэшируются, что позволяет увеличить скорость загрузки каждой страницы сайта, сокращая, вместе с тем, использование пропускной способности канала соединения с Интернет) - это для тех, кто вообще не понимает в чем-тут дело, то есть не для интернетчиков подробный перевод. Можно короче, конечно, перевести используя сленг, что зависит от того, для кого ты пишешь. Например “CSS файлы кешируются, уменьшая “вес” каждой отдельной страницы сайта, сокращая, тем самым, отдаваемый трафик” , :) [продолжаю по приколу], что в свою очередь удешевляет использование сайта как для владельца, так и для пользователя. А “быстрый” сайт для пользователя значит то, что он доволен и меньше платит (когда ему не пофигу). И таким образом брендинг сайта растет, за счет умного применения CSS.
И вот так, коллеги, можно раскрыть еще много пунктов из этого списка. Так что те, кторо профукает CSS пойдут курить в сторонке.

mari4ek
Сентябрь 18th, 2007 @ 12:35
“CSS files are saved in browser cache for fast retrieval and less bandwidth use”
цсс файлы сохраняються в кэше браузера, что уменьшает траффик и время загрузки страницы…

Роман Настенко
Сентябрь 18th, 2007 @ 13:05
mari4ek, так нельзя, об этом пункт уже был. Здесь думаю о другом… но попробую написать лучше сейчас.

Денис Болтиков
Сентябрь 21st, 2007 @ 7:24
Многие пункты надуманы… но если покопаться, то вполне можно выбрать причин 10 которые послужат реальными аргументами…


Другие посты по этой теме:



Комментариев нет: