Меню
Меню сайта

На правах рекламы


Вход на сайт
Забыл пароль · Регистрация

Поиск

Наш опрос
Лучшая групировка в Сталкере
Всего ответов: 733

Мини-чат

Статистика

Друзья
Моды,патчи,бильды,книги,скрипты,шаблоны,ролевая ЗДЕСЬ!

Реклама

10 распространенных ошибок в HTML коде - Сталкер форум.Место общения сталкеров.
Активный и развитый форум сайта по игре сталкер.
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Сталкер форум.Место общения сталкеров. » Web Раздел » Интересные скрипты,решения и статьи для веб-мастеров » 10 распространенных ошибок в HTML коде (которые мешают успешной валидации)
10 распространенных ошибок в HTML коде
cryengen3 Дата: Среда, 14.03.2012, 12:58 | Сообщение # 1
Группа

Информация

Сообщений: 1962
Награды: 4
Репутация: 470

Персонаж

Номер счета(ID): 741


Специализация:
45696
Титул
6 уровень
Дизайнеры тратят часы на оттачивание мастерства для тщательной подгонки мельчайших деталей в дизайне веб сайтов, которые выходят из-под их пера. Однако качество кода очень часто остается весьма низким. Вам нужны доказательства? Посмотрите галереи бесплатных шаблонов CSS. 90% шаблонов не пройдут проверку. Причем, основная часть ошибок является весьма примитивными и их очень легко исправить. В данном уроке рассмотрим типовые ошибки в коде HTML, которые мешают успешному завершению проверки.

Если сайт выглядит отлично в браузере, то зачем проверять код? Типичный вопрос, который задается перед проверкой кода. Но ведь сайт не ограничивается только тем, что видно пользователю. Страницы HTML предназначены для представления данных, а не графических эффектов. Данные должны быть доступными для чтения для всего огромного сообщества людей, которое использует интернет. И читатели могут использовать совсем другие технологии для получения информации, представленной на вашем сайте - например, они могут использовать программу для воспроизведения данных голосом и просто слушать, что написано на вашей странице.

Страница HTML, которая не содержит ошибок, в основном будет корректно отображаться в большинстве браузеров, а также будет соответствовать требованиям будущих технологий. Здесь стоит упомянуть поисковые механизмы, действие которых очень важно для целей SEO. Никто не хочет создавать для них препятствий, а чистый и правильный код гораздо легче воспринимается поисковыми ботами.

Это также вопрос профессионализма. Неправильный код HTML очень похож на грамматические ошибки в надписях на сайте. И хотя клиент может и не заметить ошибок в коде - это не изменяет сущности вопроса. Никто не любит грамматические ошибки в дизайне, но оставлять код HTML с ошибками почему-то не считается таким же постыдным деянием.


Общие ошибки
Ниже представлены ошибки, которые выловлены в шаблонах с первой страницы известной галереи CSS шаблонов. Множество сайтов выглядит отлично и даже великолепно, но очень часто качество кода не соответствует качеству дизайна. Хотя большинство таких ошибок может быть исправлено очень быстро и просто.
Не указан тип документа
Самая плохая ошибка - не использовать Doctype! Отсутствие тега Doctype означает, что браузер будет "догадываться", какой язык использовался для создания документа. Для исправления ошибки нужно указать тип документа вашей страницы.
Не закрыт элемент
Если вы открыли тег где-то в вашем документе HTML, его нужно закрыть в соответствующем месте. Забывчивость в данном вопросе не только приводит к ошибкам при проверке кода, но и может вызвать серьезные проблемы с шаблоном. На рисунке представлена ситуация, когда автор забыл закрыть тег <p>.
Опускается символ / в самозакрывающихся элементах
Большинство элементов HTML имеет отдельные закрывающие теги, например: </div>. Но есть элементы, такие как input, img и meta , которые являются самозакрывающимися, это означает, что они должны иметь символ / перед закрывающейся скобкой.
Не произведена конвертация специальных символов
Амперсанд, а также двойные кавычки, которые копируются из Word, являются самыми распространенными причинами данной ошибки. Нужно всегда проверять код на наличие таких символов и конвертировать & в соответствующий код HTML &, Также надо поступать и с другими специальными символами.
Неконвертированные символы в URL
В соответствии с предыдущим пунктом, специальные символы, особенно амперсанд, должны быть кодированы в строках URL. Ссылки на сайты, построенные с использованием PHP, часто содержат переменные с использованием символа &, их нужно писать с использованием кода HTML &.
Блочные элементы внутри строчных
Одно из основных правил HTML заключается в том, что блочные элементы НИКОГДА не должны находиться внутри строчных элементов.

Популярный пример ошибки - использование ссылки в заголовке: <a href="#"><h3>bananas</h3></a>

<h3> - блочный элемент, поэтому он должен оборачиваться вокруг ссылки (строчный элемент): <h3><a href="#">bananas</a></h3>.
Отсутствует атрибут alt у изображения
Каждое изображение в документе HTML должно иметь атрибут alt с описанием содержания картинки. Даже если картинка служит для дизайнерских целей, она должна иметь атрибут alt, но в данном случае его надо оставить пустым, например, alt="". В другом случае нужно представить описание содержание изображения.
Использование атрибутов подобных width и height
Вероятно, такое положение является обратной стороной широкого использования редакторов WYSIWYG, которые имеют тенденцию вставлять излишний код HTML. Атрибуты width и height определяются в переходных стандартах типах документа, но если вы задаетесь целью четко следовать стандартам, то наверняка знаете, что все атрибуты, отвечающие за представление элементов на страницах, должны быть перенесены в таблицу стилей CSS, для разделения содержания и дизайна.
Имя класса или ID начинается с цифры
Имя класса, ID или имя атрибута не может начинаться с цифры. Они могут включать цифры, но не в начале слова.

А какова ситуация с проверкой CSS кода?

В отличие от HTML, CSS используется для визуального представления страницы. Таким образом, вопрос “Если страница выглядит хорошо, то зачем проверять код?” в данном случае звучит более убедительно. Неправильный код CSS не оказывает такого влияния на веб страницы, как неправильный код HTML. Однако проверку стоит проводить на предмет обнаружения опечаток и ошибок в коде. Если вы используете новые свойства CSS3, они сделают ваш документ не прошедшим проверку, так как еще не включены в спецификацию, но если вы уверенны, что все правильно, то на такие ошибки можно не обращать внимание.




Сообщение отредактировал cryengen3 - Среда, 14.03.2012, 12:58
 
-MaGGoT- Дата: Пятница, 16.03.2012, 15:11 | Сообщение # 2
Группа

Информация

Сообщений: 996
Награды: 5
Репутация: 178

Персонаж

Номер счета(ID): 2231


Специализация:
Титул
7 уровень
Ведь оказывается такая вещь как ">" может столько изменить! fund02026
А урок хороший!


Кошки самим своим существованием опровергают утверждение, что все на свете создано для человека...©Пол Грей
 
☢SлепоI☢ Дата: Пятница, 16.03.2012, 15:14 | Сообщение # 3
Группа

Информация



Персонаж

Номер счета(ID): 0


Специализация:
Титул
Прикольный урок)
 
Politic Дата: Пятница, 16.03.2012, 15:49 | Сообщение # 4
Группа

Информация

Сообщений: 7621
Награды: 12
Репутация: 1511

Персонаж

Номер счета(ID): 230


Специализация:
Титул
10 уровень
Quote (cryengen3)
Имя класса или ID начинается с цифры Имя класса, ID или имя атрибута не может начинаться с цифры. Они могут включать цифры, но не в начале слова.

никогда не заморачивался над этим...
 
RomanTik Дата: Пятница, 16.03.2012, 16:25 | Сообщение # 5
Группа

Информация

Сообщений: 419
Награды: 6
Репутация: 180

Персонаж

Номер счета(ID): 3254


Специализация:
Титул
5 уровень
Отличный урок.
 
ПаХ@(N) Дата: Пятница, 16.03.2012, 17:34 | Сообщение # 6
Группа

Информация

Сообщений: 86
Награды: 4
Репутация: 40

Персонаж

Номер счета(ID): 3833


Специализация:
Титул
2 уровень
Quote (МиРоТвОрЕц)
такая вещь как ">" может столько

А ты что думал?


Ах да. Забыл сказать:
Урок отличный))

Добавлено (16.03.2012, 17:34)
---------------------------------------------

Quote (cryengen3)
<h3><a href="#">bananas</a></h3>

Quote (cryengen3)
bananas

fund02026


Сообщение отредактировал ПаХ@(N) - Пятница, 16.03.2012, 17:33
 
Cassiopeja Дата: Пятница, 16.03.2012, 17:52 | Сообщение # 7
Группа

Информация

Сообщений: 1893
Награды: 15
Репутация: 1321

Персонаж

Номер счета(ID): 2972


Специализация:
57324
Титул
Профессия: Элитный боец.АТОМ
Quote (ПаХ@(N))
Но если написать br> или

не может быть. я даже подумать о таком не могла *в шоке*


скайп: Meolol
вк: http://vk.com/id191146861
 
Мясник Дата: Пятница, 16.03.2012, 17:59 | Сообщение # 8
Группа

Информация

Сообщений: 171
Награды: 4
Репутация: 81

Персонаж

Номер счета(ID): 3882


Специализация:
Титул
3 уровень
Quote (ПаХ@(N))
Тег <br>

<br />
 
Politic Дата: Пятница, 16.03.2012, 18:13 | Сообщение # 9
Группа

Информация

Сообщений: 7621
Награды: 12
Репутация: 1511

Персонаж

Номер счета(ID): 230


Специализация:
Титул
10 уровень
Мясник, для валидности?
 
Мясник Дата: Пятница, 16.03.2012, 18:20 | Сообщение # 10
Группа

Информация

Сообщений: 171
Награды: 4
Репутация: 81

Персонаж

Номер счета(ID): 3882


Специализация:
Титул
3 уровень
Politic, да. И ещё для корректного понимания древними браузерами.
 
Politic Дата: Пятница, 16.03.2012, 18:25 | Сообщение # 11
Группа

Информация

Сообщений: 7621
Награды: 12
Репутация: 1511

Персонаж

Номер счета(ID): 230


Специализация:
Титул
10 уровень
Мясник, ну... браузеры тут еще ладно.
только уж очень древние браузеры,год за 4-5-й
Но для валидности согласен
 
Мясник Дата: Пятница, 16.03.2012, 18:38 | Сообщение # 12
Группа

Информация

Сообщений: 171
Награды: 4
Репутация: 81

Персонаж

Номер счета(ID): 3882


Специализация:
Титул
3 уровень
Politic, угу.
А по теме: все эти ошибки фигня по сравнению с отсутствием правильной кодировки.
Ибо кодировку документа нужно указывать обязательно (Естественно она должна совпадать с кодировкой сервера).
 
Волкодав Дата: Четверг, 29.03.2012, 06:55 | Сообщение # 13
Группа

Информация

Сообщений: 2190
Награды: 6
Репутация: 464

Персонаж

Номер счета(ID): 3579


Специализация:
Титул
Ледяная удача
Урок гуд
 
Сталкер форум.Место общения сталкеров. » Web Раздел » Интересные скрипты,решения и статьи для веб-мастеров » 10 распространенных ошибок в HTML коде (которые мешают успешной валидации)
  • Страница 1 из 1
  • 1
Поиск:

Портал MyStalkers.ru является собственностью его владельца.
Любое использование материалов сайта возможно только с разрешения его администрации и гиперссылки на наш портал.
Дизайн сделал Александр Пюссе. В дизайне использованы части графики различных модификаций по сталкеру.
MyStalkers.ru © 2010 - 2015