Почему HTML5 рекомендует размещать элемент кода внутри pre?

Документация по HTML5 рекомендует помещать элемент codeвнутри элемента pre, но я не понимаю, чем это лучше и семантичнее, чем просто использование элемента кода и CSS. На собственном примере:

var i: Integer;
begin
   i := 1;
end.

Можно также написать (Делая некоторые предположения о настройках браузера по умолчанию дляpre):

…
var i: Integer;
begin
   i := 1;
end.

Даже если preпредназначен для того, чтобы отличить код блок от встроенной строки кода, я не вижу более семантического выбора, чем указание блока -ness . ] из codeв классе.

Есть ли конкретная причина, по которой preрекомендуется вместо решения CSS?