html导航菜单为什么都用li+a标签，而不直接用a标签，或者用nav+a标签

因为html的默认样式。

做水平导航栏的话，各<li>之间默认是没有空隙的，而像下面这样格式来写<a>元素的话，各条目之间默认会有1em的空隙：

<a>导航1</a>
<a>导航2</a>
<a>导航3</a>

除非你把它们写成这样：

<a>导航1</a><a>导航2</a><a>导航3</a>

不然就得在css里重新定义导航条的样式，比如把<a>的样式指定为："display:block; float:left"或者在script添加标签使用 trim 方法去除字符串两侧空格