책의 392~393페이지 내용을 보면 로고 부분을 구성하는데 있어서
텍스트를 안보여지는 좌측으로 음의 좌표를 지정하고 이미지는 배경으로 지정하고 있습니다.
200번째 게시물에서도 문의드린 적이 있는 부분인데요. 아직 답변이 없으신 형태라서요.
이런 경우에 로고 부분을 img태그로 구성해서 이미지를 삽입하고 텍스트에 대한 사항을 alt속성으로
지정하고 img에 바로 링크를 지정하는 방식으로 구성하는게 낫지 않습니까?
굳이 저자님과 같이 구성하는 이유가 있는 것인지...? 아니면 이런 방식도 있다는 것을
소개하기 위한 방법인지 알고 싶습니다.
텍스트를 안보여지는 좌측으로 음의 좌표를 지정하고 이미지는 배경으로 지정하고 있습니다.
200번째 게시물에서도 문의드린 적이 있는 부분인데요. 아직 답변이 없으신 형태라서요.
이런 경우에 로고 부분을 img태그로 구성해서 이미지를 삽입하고 텍스트에 대한 사항을 alt속성으로
지정하고 img에 바로 링크를 지정하는 방식으로 구성하는게 낫지 않습니까?
굳이 저자님과 같이 구성하는 이유가 있는 것인지...? 아니면 이런 방식도 있다는 것을
소개하기 위한 방법인지 알고 싶습니다.
2014.04.01 14:53:49 (*.215.198.160)
답변 감사합니다... 하지만 제 생각에는 여전히 물음표(?)가 남네요
최악의 상황이라고 하셨는데, 만일 이미지 태그가 지원 안되는 상황일때 이미지 대신에 텍스트를 보여주기 위한 것이 alt속성이지 않습니까?
또한 현재의 텍스트 경우는 text-indent값을 -9999px로 지정해 놓았기 때문에 소스를 보지 않는 한 웹브라우저에서는 로고에 관한 텍스트 부분이 나타나기 힘들어 보이는데요?
그리고 배경이미지라도 해도 어차피 이미지 로딩 용량은 동일할 것이고요. 굳이 스타일시트로 a태그를 block으로 지정(불필요한 코드 추가?)해서 링크영역을 지정해야 하는지도 의구심이 드는 부분이네요!!!
최악의 상황이라고 하셨는데, 만일 이미지 태그가 지원 안되는 상황일때 이미지 대신에 텍스트를 보여주기 위한 것이 alt속성이지 않습니까?
또한 현재의 텍스트 경우는 text-indent값을 -9999px로 지정해 놓았기 때문에 소스를 보지 않는 한 웹브라우저에서는 로고에 관한 텍스트 부분이 나타나기 힘들어 보이는데요?
그리고 배경이미지라도 해도 어차피 이미지 로딩 용량은 동일할 것이고요. 굳이 스타일시트로 a태그를 block으로 지정(불필요한 코드 추가?)해서 링크영역을 지정해야 하는지도 의구심이 드는 부분이네요!!!
예를들면 이미지들이 로딩되지 않는 경우 회사 로고가 보여지지 않는 것 보다 회사명이 보여지는 것이 좋지 않을까요?
또한 웹표준 규칙에 의해 로고 부분은 텍스트로 처리하고 배경이미지로 로고를 처리하는 방법을 권장합니다.
로고부분만요.