HTML2 [HTML] img src 없을 때 대체이미지 출력방법 #HTML #nosrc #noimg #대체이미지 #onerror.this.src 개발 상에서 이미지코드를 가져오는데 가끔 이미지를 불러오지 못할 때 레이아웃 자체가 망가지는 경우가 있는데이 때 사용할 수 있는게 onerror코드를 사용할 수 있다. src속성이 비었거나 null일 때, 이미지 데이터가 손상되었을 때 등이미지를 불러와 출력할 수 없을 때 에러이미지를 출력할 수 있다. 대체이미지만 불러올 수 있는게아니라 css를 따로 조정할 수도 있는데 주의할 점은 src 이미지도, onerror이미지도 없을 경우 무한루프에 걸린다고 합니다. 1. 대체이미지 출력 2. css 설정 2024. 7. 26. [노마드코더] 신박한 HTML 태그 5개!! #HTML #노마드코더 안녕하세요. Gi_1입니다. 유튜브를 보던 중, 평소 공부하지 않던 HTML의 신박한 기능 5가지를 보게 되었는데요. 자바스크립트를 이용해서, 혹은 복잡한 CSS를 통해 구현할 수 있었던 기능 5가지를 정리하고자 합니다. 1. progress는 진행정도를 나타내는 바를 만드는 태그입니다. HTML5에서 추가 되었고, 익스플로러 10부터 지원합니다. HTML max, value, min이 주요 속성입니다. min,max에 따른 value 속성값에 따라 bar의 게이지가 상승합니다. CSS progress[value]::-webkit-progress-bar{ background-color: whitesmoke; box-shadow: 0 2px 5px rgba(0,0,0,0.25) in.. 2022. 3. 9. 이전 1 다음
