10 признаков хорошего Html-Кода
Чтобы код HTML, который вы пишете на своем сайте, был хороший, недостаточно одной только его валідності (validation – соответствие стандартам W3C – всемирного интернетнконсорціума). Чтобы сайт выглядел профессионально, код тоже должны быть хорошо написанный и структурированный, а не "слепленный, из того что было". Рассмотрим главные признаки, которые отличают хороший HTML код.
1. Правильно прописанный <!DOCTYPE html PUBLIC…..>. Хоть эта громоздкая конструкция в самом верху страницы и кажется вам странной, она дает браузеру задачи – как правильно рендерувати (отображать) вашу страницу, а также делает код валідним. Поэтому простым <html> не ограничиться.
2. Целостная head секция. Здесь также не обойтись одним <title>. CssтСтили и Javascript должны быть в отдельных папках, и вызваться в head как обычная ссылка.
<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
И стили не просто вызываются, а и задается тип их отображение – или обычный стиль, или же стиль для роздрукування страницы (media="print"). Favicon необязательный, но все же нужен элемент сайта, как я нещодавно писав. В блоке head также следует разместить meta-теги, если вы решили их использовать. И одна из самых важных деталей – если вы ведете статистику RSS с помощью сервиса Feedburner, это в head обовязково надо прописать адресу вашего RSS, которая уже размещенная на Feedburner’i. Иначе картина ваших читателей будет очень неполная.
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://feeds.feedburner.com/feed/" />
3. Уникальные стили для отдельных элементов. Например, если вы хотите, чтобы теги <h2> имели разные свойства, то можно сделать так: #home h2 {}. То есть для каждой страницы будет создан отдельный стиль.
То же самое касается лінків – не обязательно, чтобы они всюду были лишь жестко синими с подчеркиванием. Для меню создайте один стиль, для текста – другой, и так далее, для каждого вида ссылок: .menu a {}; .footer a {};
4. Семантичність. Семантичність -это колы код понятный человеку прежде всего, а не машине. Именно поэтому нужно создавать семантический код, разметка которого будет понятна в первую очередь вам. Ведь вам, как администратору, цим кодом потом управлять. Согласитесь, что намного легче руководить меню, когда оно имеет следующий вид:
5. Общий DIV для всего контента. Вам будет намного легче организовывать контент на странице, если все блоки помещены вглубь одного общего DivтТега, его по обыкновению называют <div id="wrap">, <div id="container">. Особенно, если ширина сайта фиксирована.
6. Самый важный контент – в первую очередь. Если ваш сайдбар есть лишь навигацией или же еще менее важным контентом, то лучше в коде поместить его ниже. А самую важную информацию – такую как новости, статьи, события – наверх. Это станет еще одним, хотя и небольшим плюсом к SeoаОптимизации вашего кода.
7. Контент по частям. Виокреміть контент, который часто повторяется на страницах (header, footer, разные блоки) в отдельные файлы, и потом просто включайте их в виде
Именно по такому принципу работает известная CMS Wordpress – самая страница index.php составляется из набора функций, которые вызывают определенные разделы, такие как header.php, sidebar.php, footer.php, bottom.php, и другие в один конечный файл, который вы видите.
8. Код с отступлениями. Намного приятнее читать и редактировать код, который разделенный иерархически – с отступлениями, так как в пункте № 4. Код. выравненный align left ужасно читать ч быстро найти нужен вам строку.
9. Никаких стилей. Ваш HtmllКод должен создаваться для контента, для информации, а не для стиля. в возможности исключайте тегов, которые редактируют стиль, с HtmlмДокументу. Все ваши стили должны находиться в отдельном CssаФайле и импортированные в блоке <head>. Забудьте об <font>.
10. Правильный код – путь к валідності. Напоследок закрывайте все <img /> <br /> на конце. Используйте © для значка ©, и аналогичные коды для других символов. Не забывайте позакрвиати все теги на странице, что вы открыли.
Оперативная полиграфия T-Print.com.ua печать на чашках, футболках, пазлах, часах, изготовление сувенирной продукции