float(overflow와 bfc를 곁들인..) 🚀 Float 1. float이란? 위 사진 처럼 그림이나 이미지를 따라 흐르는 텍스트 레이아웃을 구현하기 위해서 탄생한 속성이다. See the Pen Untitled by alstjr5949 (@alstjr5949) on CodePen. 2. 그럼 저런 용도로만 쓸까? 사실은 저렇게 사용도 하지만 주로 블록 박스 요소를 정렬하는 가장 기본적인 방법으로 사용되고 있다. - float : left See the Pen Untitled by alstjr5949 (@alstjr5949) on CodePen. - float : right See the Pen Untitled by alstjr5949 (@alstjr5949) on CodePen. 3. 요렇게 정렬을 하는데 용이하게 사용할 수 있으나 큰 문제점이.. 올바른 IR 기법 🚀 IR (Image Replacement) 기법 IR 기법은 이제 시각장애인 분들을 위해 이미지 대신 적절한 대체 텍스트를 제공하는 것이다. 웹 접근성이란 단어가 있다. 웹 접근성이 무슨 뜻이냐면 어떠한 사용자더라도 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 하는 것을 말한다. 주로 IR 기법을 쓰는 곳에는 img 태그의 alt 속성 값으로 표현하기에는 너무 too much 하게 길 때 예를 들면 '부뚜막에 올라앉은 고양이를 쳐다보면서 뒤통수를 긁는 원숭이를 바라보는 긴 머리를 찰랑 거리...' 이런 식이라면 따로 p태그로 빼서 이미지를 소개한다. css로 background-img 속성을 사용해서 처리한 의미 있는 이미지일 때 사용하는데(의미 있는 이미지라면 img 태그.. 이전 1 다음
