Отступ в ячейке таблицы у изображений при вёрстке на html5

Сергей Асанов Сергей Асанов

При вёрстке на html5 к обычной ячейке таблицы, если там есть изображение, всегда внизу
добавляется отступ.
Взять самый простой код

<br />
&lt;table&gt;<br />
    &lt;tr&gt;&lt;td style=&quot;background:yellow;&quot;&gt;&lt;img src=&quot;0.gif&quot; height=&quot;80&quot; /&gt;&lt;/td&gt;&lt;/tr&gt;<br />
&lt;/table&gt;<br />

Высота ячейки 85px вместо предполагаемых 80. Откуда взялся отступ 5px?

Аналогичное явление происходит при вёрстке в режиме strict. Cтоит только сменить доктайп на классический html4 transitional, сразу всё отображается привычно. 

Я решил задать вопрос гуру. Сергей Чикуёнок, ни секунды не задумываясь, ответил, что это достаточно стандартная проблема.
<img> — инлайновый элемент, который по умолчанию выравнивается по базовой линии (которая выше, чем конец строки), поэтому и появляется отступ. Чтобы избавится от него, нужно прописать картинке display:block