Nesting of HTML elements

Question

What is the difference between nesting list elements in anchor tag and nesting anchor tag in list element

Answer 1

Anchor tags *in* list elements can be used to redirect to different pages depending on which item you tapped. For example:
```
<ul>
<li><a href="/home">Home</a></li>
<li><a href="/about"></a></li>
</ul>
```
Whereas, a list in an anchor tag can be used to link to only one page.
```
<a href="/view-full-list">
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>
</a>
```
TL;DR, <a> in <li> tags can be used to redirect the user to different pages depending on item. List in <a> can only redirect to one page.

Answer 2

Thanks a lot Edwin for elobarate explanation