Почему нельзя давать одинаковое название id?
Это не одинаковые id. Вот одинаковые:<div id="div1"></div>
<div id="div1"></div>
<div id="div1"></div>
Весь смысл ID как раз в том что к элементу можно обращаться именно по уникальному идентификатору.
Использовать их можно, но не стоит.
Отладка такого кода (если id используется в Javascript, например) может привести к проблемам.
Этот совет носит рекомендательный, но не обязательный характер.
Если провести аналогию с людьми, то представьте: легче запомнить 30 человек с именами Петя1, Петя2, Петя3 и т.д., либо с различными именами - Петя, Вася, Вова и т.д.
Некоторым людям может быть удобней запоминать цифры, но таких будет меньшинство, да и Петя21 будет скорее всего не рад такому имени.