DB이미지 때문에 figure태그를 사용하는 이유가 궁금합니다.
218
작성한 질문수 1
"figure 태그의 이미지는 일반적으로 DB에 있는 이미지를 불러오기 때문에 인라인 CSS로 넣는 것이 합리적입니다."라는 말씀의 좀 더 정확한 이유가 궁금합니다.
제 추측으로는 이미지 다운로드 완료 전부터 UI크기를 잡기가 img태그보다 유용해서인 것 같은데, 맞나요? 아니면 완료 실패해도 브라우저의 완료 실패 디폴트 이미지를 띄우기 싫다거나..
추가로 figure의 background로 이미지 설정하는게 웹표준에 반하는건 아닌지도 궁금합니다. 그래서 img태그 안에 alt를 설정해서 넣어두신건가 해서요.
답변 2
3
인라인 CSS로 넣는게 낫다는 이야기는,
따로 클래스로 지정해서 CSS 에서 배경이미지를 넣는 것 보다 합리적이라는 이야기입니다.
DB에 있는 이미지를 배경이미지로 넣는건데
CSS 파일에서 .bg { background-image: url( ... ) } 이런 식으로 설정하는게 안맞으니 인라인 방식으로 하시라고 말씀 드린겁니다.
말씀하신 CSS 배경이미지로 넣는 경우와 img 태그로 넣는 경우를 생각해보면
단순히 장식 요소인 경우는 배경이미지로만 넣어도 무방하지만,
의미있는 이미지이기 때문에 말씀하신대로 img 태그로 살려둔 것입니다^^
가로스크롤 과 margin: 0 -1rem 질문 있습니다
0
119
1
수업자료 다운로드
0
122
1
VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...
1
138
1
css grid repeat() 에서 autofit 사용시
0
183
1
menu 아이템 반응형 변경
0
102
1
질문은 아니고.. 오타 발견..
0
121
1
웹에서 위치?값
0
212
1
px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?
0
510
2
강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?
0
310
1
flex-basis auto, 0 차이
0
711
2
padding 대신 gap을 쓰는게 더 편하지 않나요?
2
607
1
animation forwards 관련 질문
0
489
2
auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.
0
560
1
flex-grow IE 질문드립니다.
0
625
2
Flex-grow가 적용되는 영역에 대해 질문드립니다.
0
437
1
Grid 수직정렬 문의
0
1076
1
card__item에 display:flex를 했을 때..
0
513
1
11vmin
0
418
1
header class 안에 div와 h2
0
577
1
grid 반응형 페이지 step1 질문있습니다~
0
282
1
반응형 페이지 step4 order
0
357
1
미디어쿼리 사이즈
1
287
1
figure + div
0
301
1
CSS Grid를 통한 정렬의 장점
0
248
1