본문 바로가기

WWWEB/HTML6

picture 태그와 figure 태그 차이점? 태그는 IE 미지원의 영향으로 그동안 존재도 잘 모를 정도로 잘 사용하지 않고 있었던 태그였으나, 이리저리 외국 사이트들을 둘러보다가 태그를 쓰고 있어서 공부(?)해 봄. 를 쓰려고 보니 가장 헷갈리는게 바로 언제 를 쓰고 언제 를 쓰는가였는데, 도대체 언제 써야하는지 잘 느껴지지가 않음. (나름 마크업에 진심~ ㅎㅎ) picture는 사진이고, figure는 그림인가 의문이 들어 구글 번역으로 돌려보았는데... figure도 그림이고, picture도 그림이었던... ㄷㄷㄷㄷ 어쨌든 이리저리 찾아보니 이미지가 그림이던, 사진이던 의미와 크게 상관없이 설명글과 함께 사용해야 하는 경우.. 즉 이 필요한 경우 를 사용하고, 반응형을 할 때 이미지 형식이나 품질을 여러 벌로 지원하는 경우 를 쓰면 됨. 태그.. 2023. 5. 8.
https&http Mixed content 문제 오류 해결은 meta태그로 콘솔에서 Mixed Content 빨갛게 오류표기된 것을 발견했다. Mixed Content: The page at '{ ... }' was loaded over HTTPS, but requested an insecure script ' ... '. This request has been blocked; the content must be served over HTTPS. 번역 뭐라고 하는지 번역기를 돌려본다. https를 써서 파일을 제공하라는 의미~ 해결법 이 문제를 해결하기 위해서는 에 아래 를 넣어주면 간단히 해결된다. * 참고 url https://stackoverflow.com/questions/35178135/how-to-fix-insecure-content-was-loaded-over-ht.. 2023. 1. 6.
W3C HTML5 컨퍼런스 자료 어제 2022년도 W3C 컨퍼런스가 개최되었다. 19년도 이후 3년만의 컨퍼런스라서 직접 가서 듣고싶었으나, 현실은 일이 많아서 온라인으로만 살짝살짝 볼 수 밖에 없었다. 컨퍼런스가 끝나고 관련 발표자료가 어디있나 찾아보다가 웹 사이트를 찾게 되었고, 지난 19년도에 했던 발표자료도 찾아볼 수 있었다. https://www.wstcforum.org/ 웹표준기술융합포럼 웹표준기술융합포럼은 웹표준기술을 융합한 신규시장 창출 등 산업적 선순환 생태계를 구축하기 위한 다양한 지원 활동을 하고 있습니다. 포럼은 발족 이후 국내표준 규칙 제정활동과 웹표준 www.wstcforum.org 사이트에 접속해 공지사항에 "W3C HTML5 Conference2019 발표자료 업로드" 게시물에 "지식창고>웹표준기술융합포럼 .. 2022. 11. 25.
svg path 따라다니는 글자 https://developer.mozilla.org/ko/docs/Web/SVG/Tutorial/Paths 패스 - SVG: Scalable Vector Graphics | MDN 엘리먼트는 SVG 기본 도형 라이브러리에서 가장 강력한 엘리먼트이다. 선과 곡선, 호 등 다양한 형태를 그릴 수 있다. developer.mozilla.org 샘플 하나 만들어 봄. HELLO, SVG WORLD 2022. 6. 16.
viewport 예시 [width] viewport의 가로폭을 200~10000px 사이 또는 device-width로 지정 [height] viewport의 세로폭을 200~10000px 사이 또는 device-height로 지정 [initial-scale] 최초에 표시할 때의 표시 배율을 minimum--scale ~ maximum-scale의 범위로 지정 [minimum-scale] 최소 배율을 0~10 사이로 지정, 100% = 1.0이며, 기본값은 0.25 [maximum-scale] 최대 배율을 0~10 사이로 지정, 100% = 1.0이며, 기본값은 1.5 [user-scalable] 페이지의 확대 및 축소 여부를 yes 또는 no 로 지정. 기본값은 yes 이며, no로 지정할 경우 성능이 저하되므로 통상.. 2015. 4. 3.
원(\) 엔티티코드 원(\) 표시가 백슬래시로 나올 경우 entity code ₩ http://www.fileformat.info/info/unicode/char/20a9/index.htm 2015. 3. 31.
728x90
반응형