깃허브 프로필 이미지 클릭 방지 - picture 태그

클릭되는 이미지...

깃허브 프로필(readme.md)를 만들면서 거슬리는 점이 있었는데...

뱃지나 img 태그 등 불러온 이미지들은 클릭이 되는 것.

이미지 클릭하면 해당 이미지가 나오는 링크로 이동된다.

아예 클릭이 안되게 막을 수 없나 하고 찾아보던 중 좋은 방법을 찾았다.

picture 태그

<picture>
	<img src="이미지 주소"/>
</picture>

picture 태그로 둘러싸면 이미지를 보여주면서 클릭(자동 링크)가 안되게 막아주는 거 같다.

picture 태그의 자세한 설명이 궁금해서 찾아보니 source 태그와 함께 사용해서 간편하게 반응형 페이지를 만들 수도 있는거 같다.

참고한 사이트

Stack Overflow: Is it possible to disable the automatic linking of images in github markdown rendering? - 두번째 답변
w3schools: HTML picture Tag