From my point of view, the first solution is the most enjoyable, since your menu is navigation, it uses less code and (as far as I know), and is also useful for seo as a second solution.
<nav> <a href="#">Home</a> <a href="#">Kontakt</a> <a href="#">Jovan</a> </nav>
If you use other elements inside nav , such as ul , ol , h1 , table (!) Or something else, it should be semantically correct. Therefore, if your menu is a list, simply use ul . If you want to add elements inside to simplify the style, use div and / or span .
Update
After some discussion in the comments: In most cases, the menu is a list, then the ul method is a great choice. If you use ul , itβs easier for screen readers to navigate according to Steve
Johan source share