Почему принято навигацию по сайту верстать списком?
Для современных браузеров с технической точки зрения - вообще без разницы.
Можете написать хоть <mymenu>
<menuitem><a href = "#">111</a></menuitem>
<menuitem><a href = "#">222</a></menuitem>
</mymenu>НО
1. Поисковики приветствуют, чтобы семантика была строгой, а код, по возможности, валидным.
2. ul li достаточно удобен для описания меню с большой вложенностью
3. Другим разработчикам будет проще разбираться
По сути, так подумать, очень многое в HTML5 носит не технический, а исключительно идеологический характер. Все эти header, footer, section, article...
Как уже ответили - особо разницы нет.Почему принято навигацию по сайту верстать списком?
Да потому что это список :)