안녕하세요, 노션 강의자료 '10. Quiz_함께 만든 페이지를 발전시켜보세요! - [코드스니펫] 나홀로메모장틀(완성)'에서의 코드 질문입니다.

<a class="btn btn-primary btn-lg" href="#" role="button">포스팅박스 열기</a>

상단 코드에서 이 하단의 두 가지 의미를 찾았는데, href="#"의 경우 코드에서 지우면 버튼의 글씨색이 검정색에서 하얀색으로 바뀌는 걸 볼 수 있습니다. 페이지 최상단으로 이동하는 거 외에는 별다른 실행기능은 없다고 확인했는데, 글씨색이 바뀐 이유가 있을까요? 그리고 버튼 모양/바탕색은 그대로인 이유는 무엇일까요?

https://getbootstrap.com/docs/5.0/components/buttons/#sizes

부트스트랩에 별다른 관련 설명 내용은 못찾았습니다.

1. href="#"

페이지 최상단으로 이동

2. role="button"

실제로 button 역할을 하는 것이 아닌 스크린리더 사용자들을 위한 WAI-ARIA 정보임

1. href="#"를 넣었을 때

2. href="#"를 지웠을 때