IR기법 활용

https://velog.io/@wlgns2223/IR-기법-텍스트-숨기기

IR기법으로 CSS를 이용해서 대체 텍스트를 숨기는 기법을 배웠다
이번시간에는 그것을 실제로 적용을 해보았다.

이미지가 들어 갈 곳을 container로 만들어 준다. 그리고 div태그 안에 대체텍스트를 마크업 해준다. 아무리 대체 텍스트여도 최대한 시멘틱 하게 작성을 한다.

이번 실습에서 중요한 점은 a태그와 같은 링크태그는 실제로 작동을 해야하기 때문에 IR기법으로 숨기면 안된다. 따라서 실제로 작용해야하는 부분을 제외 한 나머지 부분에 IR기법을 적용한다.

container부분은 position: relative로 주고
a태그들은 position: absolute를 줘서 이미지 내에서 left,right,top,bottom,width,height등의 태그를 이용해 절대적인 위치를 잡고 동작 해야할 곳에 위치시키면 된다.