HTML - a 태그와 button 태그

뒤로가기 버튼을 어떻게 작성할 지 

1. a 태그

2. button 태그 

 

링크를 이동하기 위한 목적이라면 a 태그를 사용하는 것이 권장되는 듯 하다

그 외의 클릭 이벤트를 적용하기 위함이라면 버튼 태그를 쓴다

https://velog.io/@eun0leee/HTML-a%ED%83%9C%EA%B7%B8%EC%99%80-button%ED%83%9C%EA%B7%B8%EC%9D%98-%EC%B0%A8%EC%9D%B4

MDN - a 태그

 

a태그를 버튼처럼 사용하는것이 가능하지만 

스페이스바로 접근이 어렵기때문에 접근성 면에서는 버튼을 쓰는것이 좋다

---

 

빈 버튼 보다는 blind 텍스트를 넣어주자 

넹.

---

 

button 태그에는 div를 사용할 수 없다 

인라인 레벨 요소로 불리던 것들 button, input, i, 등등의 요소에는 블록 요소를 집어넣어서는 안된다

---

 

https://velog.io/@tjdgus0528/Button%EB%A5%BC-%EB%A7%8C%EB%93%A4-%EB%95%8C-%EC%82%AC%EC%9A%A9%ED%95%A0-%EC%88%98-%EC%9E%88%EB%8A%94-%ED%83%9C%EA%B7%B8%EB%8A%94-%EB%A7%8E%EB%8B%A4.div-a-button-%ED%95%98%EC%A7%80%EB%A7%8C-%EC%9A%B0%EB%A6%AC%EB%8A%94-%EC%99%9C-button-%ED%83%9C%EA%B7%B8%EB%A5%BC-%EC%8D%A8%EC%95%BC-%ED%95%A0%EA%B9%8C

Button를 만들 때 사용할 수 있는 태그는 많다(div, a, button). 하지만 우리는 왜 button 태그를 써야 할

input 태그로도 버튼을 만들수 있구나

 

\https://bomango.tistory.com/59

P태그요소 안에 div 넣지 마세요. HTML 기본기 박살내기

 

---

생각보다 디테일한 부분이 많다. 

시간이 지나면 이런 것들이 자연스레 익숙해질까?

그렇진 않을 것같다. 그냥 내 손에 익은것, 내 사고 회로에서 익숙한 대로 작업을 하게 될것 같다.

개발이 끊임없는 공부를 필요로 한다는 건 이런 점에서도 적용 가능한 것 같다. 

그런데 공식문서는 정말 눈에 안들어와 ㅜ