здравствуйте

зачем в тегах пишут одновременно и id и name?

например:

name используется исключительно для элементов формы и фигурирует при отправке формы на сервер в качестве ключа, кроме того в отличии от id не обязательно должен быть уникальным. id используется только на клиенте для взаимодействия с js и стилями.

Ну, я бы так категорично не говорил ...
Но суть действительно в том, что id - уникальный идентефикатор, а name - неуникальное имя. И если изначально имя действительно было ключом для значений формы, то с развитием "фреймворкостроительства" может служить как принадлежность к какой-то группе.

id - идентификатор тега. Служит для поиска элемента в DOM.
name - имя поля для формы. Под этим именем с формы отправится значение.