Question

Q1

질문있습니다!!

img를 a태그로 감싸고 a href="#"을 사용하는것은 이미지를 클릭영역이라는 것을 알려주기 위해 a태그를 사용하고 이동하지않게 하기위해 해쉬를 일반적으로 많이들 사용하는데, 이 방법이 옳지않은 방법인가요? 다른방법이 있다면 어떤걸 사용해야할까요?

Answer 1

A1

#을 사용한다고 옳지 않은 것이 아니라, 그대로 남겨두는 것이 옳지 않은 겁니다. 개발 중에는 #을 사용할 수 있습니다. 문제는 개발 종료 후, 서비스를 배포 했는데 배포 상태에서도 #을 남겨두는 것은 문제가 됩니다.

배포된 서비스는 접근성, 검색 엔진 최적화 관점에서 a 요소의 href 속성 값은 연결되는 값이 채워져 있어야 합니다. 만약 버튼 요소를 사용하지 않고, a 요소를 버튼 처럼 사용해서 href 속성에 설정할 값이 없다면? 다음과 같이 사용할 수 있습니다.

HTML

<a href role="button" onclick="thisIsButton()">
  <img src="images/graphic.jpg" alt>
</a>

JavaScript

function thisIsButton(event) {
  event.preventDefault(); // 브라우저 기본 동작 차단
}

하이퍼링크(Hyperlink)

절대 / 상대 / 루트 경로

절대 경로

상대 경로

루트 경로

영상 강의

실습 자료

참고

Q & A

Q1

A1

# 하이퍼링크(Hyperlink)

# 절대 / 상대 / 루트 경로

# 절대 경로

# 상대 경로

# 루트 경로

# 영상 강의

# 실습 자료

# 참고

# Q & A

Q1

A1