За каждую обнаруженную погрешность (один неверный тег IMG) назначается штраф 0.1.
Общая сумма штрафов ограничена числом 0.5. То есть при обнаружении более пяти ошибок, они по-прежнему фиксируются в комментариях, но не увеличивают суммарный штраф.
Буквальное повторение одной и той же ошибки (одного и того же кода) считать одной погрешностью.
Атрибуты height и width задают размеры прямоугольника, в который браузер выводит картинку. Эти размеры нужно обязательно указывать.
“Зачем?” — думает начинающий дизайнер. — “Неужели браузер такой глупый, что не может прочитать размеры в самом картиночном файле?”.
Может. Но только тогда, когда файл уже загружен в компьютер.
Картинки загружаются в последнюю очередь. Сначала браузер получает по сети текст, отображает его на экране, и пользователь приступает к чтению.
Вместо картинок на странице рисуются прямоугольники, которые замещаются пришедшими по сети картинками. Если атрибуты height и width заданы, браузер рисует прямоугольники указанных размеров, если нет, то “почтовые марки” — небольшие прямоугольные области.
Когда картинка приходит по сети, случается извержение вулкана с обширным землетрясением: браузер вынужден перерисовывать экран заново, ведь картинки “не лезут” в отведенные для них места. Если картинок на странице много, землетрясение происходит по прибытию каждой из них.
“Удар” по глазам пользователя:
Плавный переход:
Еще одна неприятность подстерегает пользователя, если картинки без атрибутов height и width погружены в таблицу. Так как браузер не знает нужных размеров, то рисовать таблицу до прихода картинок он вообще не станет, и пользователь засыпает у чистого экрана.
Вывод прост: нужно всегда записывать атрибуты height, width и указывать в них реальные размеры картинки:
<IMG src="./pic/nez.gif" width=139 height=149 border=0 alt=Незнайка>