오늘은 이미지 태그의 속성값 중에 하나인 align 사용법에 대해 간단하게 알아보자.
align 속성은 이미지를 좌, 우, 상, 중, 하로 정렬하는 속성값이다. 다만, 여기서 알아둬야 할 점은 align 속성을 이미지 태그에 사용하는 것은 더이상 웹 표준에서 권장하지 않는다는 점이다. 이제는 CSS를 활용해 정렬하는 것을 권장한다.
그런데 align 속성을 알아둘 필요가 있는 것이.. align 속성 자체가 많은 태그에서 사용하는 속성값이고 여전히 align을 사용하는 사이트들도 많기 때문이다. align 속성의 기능 자체를 모른다면 웹 페이지 분석 등에서 한계점이 있을 수 있기 때문에 align 속성이 어떻게 동작하는지 정도는 알아둘 필요가 있다 하겠다.
align 속성값이 없는 경우.
align="left" 로 속성값을 지정한 경우.
right로 지정한 경우.
top.
middle
bottom 값도 존재하지만, 이는 기본값(align 값을 지정하지 않은 경우)와 동일함으로 본 포스트에서는 예시를 넣지 않았다.
과거에 웹페이지나 사이트를 만들거나 구축할 때.. 태그에 존재하는 다양한 속성값을 활용했었다. 필자도 초기에 수많은 속성값들을 익혔던 기억이 있다.
하지만, 최근의 트렌드는 태그는 최소한으로 하고.. 나머지 세부적인 콘트롤은 CSS를 통한다. 필자가 태그 관련 포스트에서 속성값에 대해 자세히 설명하지 않는 이유도 바로 여기에 있다. CSS와 태그는 서로 불가분의 관계.. 어느 한쪽만 익혀서는 안되는 것이며.. 최근에는 CSS의 기능이 더욱 중요해 졌다는 점.. 강조해 본다.