@Alex-Archer-I
Posted
Hi!
When you are choosing the right tag, you should always choose based on the semantic, but not the appearance. Those elements here are social links so they should be an a
tags, even if they looks like buttons =) Buttons are for interactive elements and form submissions.
I can give you another couple semantic suggestions:
- As they are list of links it is better to put them inside
ul
andli
elements. - Every
a
tag should havehref
attribute otherwise browser wouldn't render it as link. For practice project like this you can sethref="#"
. main
andfooter
tags performs different roles on the page, so they should be siblings.
Hope that could help. Keep doing =)
Marked as helpful
@Alex-Archer-I thank you so much, so in this case it is better to use the ul and li tags instead of the "a" tag
@Alex-Archer-I
Posted
@iamkevin-sz
Not exactly. You should use a
inside the li
into ul
.
<ul>
<li><a href="#">It's a link!</a></li>
<li><a href="#">It's a link!</a></li>
<li><a href="#">It's a link!</a></li>
<li><a href="#">It's a link!</a></li>
<li><a href="#">It's a link!</a></li>
</ul>
You see, every time when you encounter some kind of list of data - it could be the list of notifications, the list of features of some product etc. - you should use ul
or ol
with li
. But inside you still need semantically correct tags.
By the way, the next challenge on this learning path (the recipe page one) is where both types of lists are used =)