<br> vs <ul>
 

Несколько лет назад начал делать сайт, потом забросил это дело. Сейчас снова взялся за эту тему, в смысле html/css, и начал читать книжки. Нашёл интересный момент про меню, посмотрел как я делал тогда. Вроде мой старый меню работает, валидатор не ругается, но хочется понять может как написанно в книжке более правильный вариант, но хочу понять почему так лучше или хуже или разницы особой то и нету?

мой вариант

<div class="leftMenu">
	<a href="index.html">Link 1</a><br />
	<a href="news.html">Link 2</a><br />
	<a href="art.html">Link 3</a><br />
	<a href="history.html">Link 4</a><br />
	<a href="competition.html">Link 5</a><br />
	<a href="projects.html">Link 6</a><br />
</div>

вариант после переделки

<div class="leftMenu">
	<ul>
		<li><a href="index.html">Link 1</a></li>
		<li><a href="news.html">Link 2</a></li>
		<li><a href="art.html">Link 3</a></li>
		<li><a href="history.html">Link 4</a></li>
		<li><a href="competition.html">Link 5</a></li>
		<li><a href="projects.html">Link 6</a></li>
	</ul>
</div>

а еще можно параграфы разделять так <br/><br/>,
а заголовки делать так <b style="font-size: 18px">заголовок</b>
:)
Меню по сути - это что? Список ссылок. Ну так и оформляйте его как список. Кстати, <div> там не обязателен.

Понятно, спасибо!