Самый сложный аспект содержания сайта Nettuts+ это подстройка под разные уровни знаний пользователей. Если мы будем публиковать слишком много уроков для продвинутого уровня, пользователям новичкам это не понравится. Верно и обратное. Мы делаем все, что от нас зависит, тем не менее, никогда не стесняйтесь напомнить, если чувствуете, что о вас забывают. Этот сайт в первую очередь для вас, выражайте свое мнение! Принимая во внимание вышесказанное, сегодняшний урок будет посвящен специально для тех, кто только вливается в веб программирование. Если у вас только год опыта или меньше, будем надеяться, что некоторые советы, приведенные здесь, помогут вам стать лучше и быстрее!
Так что давайте без отлагательств рассмотрим 30 важнейших правил, которые следует соблюдать при создании страниц.
1: Всегда закрывайте тэги
Когда-то не редко встречались и такие ссылки:
Some text here. Some new text here. You get the idea.
Обратите внимание на то, что тэг оболочки UL/OL опущен. Вдобавок многие предпочитали также не закрывать тэг LI. По сегодняшним стандартам это просто недобросовестная практика и ее следует избегать на 100%. Всегда-всегда закрывайте ваши тэги. Иначе проблемы с валидацией будут возникать на каждом шагу.
UL/OL
LI
Как сделать лучше
2: Задайте правильный DocType
Когда я был помоложе, я иногда сидел на CSS форумах. И всегда, когда у пользователя возникал вопрос, прежде чем спрашивать у нас, он ДОЛЖЕН был сделать сначала две вещи:
Подтвердить валидность CSS файла. Исправить все ошибки. Добавить doctype
"DOCTYPE ставится перед открывающим тэгом html вверху страницы и сообщает браузеру что содержит страница - HTML, XHTML или и то и другое, так, чтобы он мог корректно отображать разметку."
Большинство использует четыре различных doctype при создании новых сайтов.
Сейчас идут горячие споры относительно правильного выбора в данной ситуации. Сначала считалось, что лучшим вариантом будет использование версии XHTML Strict. Однако, после некоторые исследований, стало понятно, что большинство браузеров переходят обратно на обычный HTML при обработке этих страниц. По этой причине многие выбрали использование HTML 4.01 Strict вместо него. По сути все эти варианты дают вам контроль. Исследуйте обстановку и выберите сами свой вариант
3: Никогда не используйте включенные стили
Иногда, когда бывает тяжело разработать верстку, вы можете захотеть пойти по легкой дорожке и вставить немного стилей
I'm going to make this text red so that it really stands out and makes people take notice!
Конечно - это выглядит достаточно безобидно. Тем не менее, это ведет к ошибке ваших кодов.
При создании шаблона страницы даже не думайте о том, чтобы вставлять стили. Только после того, как страница была полностью создана можно добавлять стили.
Этот как пересекать лучи в Охотниках за Привидениями. Это просто плохая идея. -Крис Койер (Chris Coyier) (по поводу чего, совершенно не по теме.)
Вместо этого, закончите шаблон, после чего дайте ссылку на этот тэг P во внешнем CSS файле.
#someElement > p { color: red; }
4: Помещайте все внешние CSS файлы внутри тэга HEAD
Технически, вы можете поместить таблицы стилей куда угодно. Однако, спецификации HTML рекомендуют помещать их внутри тэга документа HEAD. Самое главное этого преимущество это то, что ваши страницы будут грузиться быстрее.
Когда мы исследовали произодительность в Yahoo!, мы обнаружили, что перемещение таблиц стилей в HEAD документа заставляет страницы грузиться быстрее. Это происходит потому, что помещение таблиц стилей в HEAD позволяет странице грузиться прогрессивно. - Команда ySlow
My Favorites Kinds of Corn
5: Лучше разместить файлы Javascript в конце страницы
Помните - основная цель это заставить страницу грузиться как можно быстрее. При загрузке Javascript, браузер не может делать ничего другого, пока не загружен весь файл целиком. Таким образом, пользователю придется ждать дольше прежде чем он заметить какой-либо прогресс.
Если единственная цель ваших файлов JS это добавить функционала странице - например, после того, как нажата кнопка - можете смело помещать эти файлы в конец страницы, прямо перед закрывающим тэгом body. Это наилучший вариант.
# And now you know my favorite kinds of corn.
And now you know my favorite kinds of corn.