Picture 요소 - javascript가 필요없는 HTML5 요소 > 365ok IT뉴스

365ok IT뉴스

Picture 요소 - javascript가 필요없는 HTML5 요소 정보

Picture 요소 - javascript가 필요없는 HTML5 요소

본문

이 요소는 다양한 화면 크기와 해상도에 적응하는 반응형 이미지를 만드는 데 필수적입니다. 이를 통해 여러 이미지 소스를 지정하고 장치 기능에 따라 가장 적합한 소스를 선택할 수 있습니다.

 

HTML :

 

<picture>
    <source media="(min-width: 800px)" srcset="large.jpg">
    <source media="(min-width: 400px)" srcset="medium.jpg">
    <img src="small.jpg" alt="Responsive Image">
</picture>

 

 

웹학교 무료강좌 / 웹학교 컨텐츠몰

PHP포탈 / 구인구직 솔루션

By 웹학교

추천
1

댓글 0개

전체 2,472 |RSS
365ok IT뉴스 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT