묻고 답해요

css 관련 질문있습니다.

미해결

파이널 코딩테스트 : 프론트엔드

안녕하세요! 강의를 듣던중에 궁금한 점이 생겨서 간단히 질문 남깁니다. 3D 캐러셀만드는 영상 중에 html 작성을 하면서 화면에 보여지지 않을 일부 태그들 ex : < h1 class = "util-ir" > 캐러셀 이미지 리스트 </ h1 > 을 안보여지게 css 속성값을 지정할때 왜 "display : none " 을 사용하지 않고 .util-ir { display : block ; overflow : hidden ; width : 1px ; height : 1px ; font-size : 1px ; line-height : 0 ; text-indent : -9999px ; } 이런식으로 화면 외부로 빼는건가요? 그리고 굳이 화면에 보여지지 않을 "<h1>캐러셀 이미지 태그</h1>" 등과 같은 태그를 사용하고 지우지않고 살려두는 이유는 코드작성시 가독성을 높이기 위함인지, 아니면 테스트 후에 채점사항이거나 혹은 다른 이유가 있어서 남겨두는 것인지 궁금합니다.

• sr-only
• 코테 준비 같이 해요!
• util-ir