Haber mira vamos por partes, esto mas que de CSS, es html basico.
Las etiquetas <ul></ul> simplemente son para darle un espacio conforme al margen izquierdo del docuemnto, mejor conocido como sangria.
Las etiquetas <div></div> son para crear una capa en el html y poner dentro de esa capa varios elementos, en este caso tus links
cuando le spones un id a cualquier elemento, es solo para poderlos llamar o hacer alguna referencia a ese elemento.
En conclusion, lo que tu pusiste no es lo mismo, digamos que para el cliente se ve igual, pero internamente no es lo mismo.
Espero haber sido claro