DEV Community

Discussion on: Meme Monday

 
sarahokolo profile image
sahra 💫 • Edited

If it is meant to be a button, it should be in the <button> tag. If the button is meant to be a hyperlink to another page, place the <a> tag inside the <button> tag.

Thread Thread
 
alvaromontoro profile image
Alvaro Montoro • Edited

@sarahokolo I wouldn't recommend that, as it will most likely end up being invalid HTML. An interactive element (<a> with an href attribute) cannot be inside of another interactive element (<button>). (Reference)

Thread Thread
 
baenencalin profile image
Calin Baenen

I'm not using the a in the button — I am using the a as the button.
I'm doing this for navigation-buttons specifically; the as are styled to resemble normal buttons (and less-so with the ones on the navigation-bar).
My website is an example ov what I am talking about.

Thread Thread
 
baenencalin profile image
Calin Baenen

What about in the case ov page-navigation?
Data isn't being handled, it's a static site — but I believe I chose correctly.

 
baenencalin profile image
Calin Baenen

It's fine — and appreciated.

Thread Thread
 
alvaromontoro profile image
Alvaro Montoro • Edited

@baenencalin the comment about <a> inside of <button> was for Sarah. I tagged the comments to avoid confusions. Sorry for the misunderstanding.

In the case of a navigation, it seems like a case for a link that may look like a button (although it is not, and won't have the role="button") but it is still a link. Sorry, I couldn't see your page because it returns a 404.

Thread Thread
 
baenencalin profile image
Calin Baenen

Sorry, I couldn't see your page because it returns a 404.

Weird.
Why would my DEV profile return a 404 when my account exists?