728x90 반응형 html5 svg란 / svg 사용 방법 [svg란] - svg란 확장 가능한 벡터 이미지를 표현하기 위한 포맷으로 확장이 가능하다는 것은 이미지를 확대했 을 경우 품질이 떨어지지 않는다는 큰 장점을 가지고 있다. 텍스트 편집기에서 편집이 가능하고, CSS/JS로 수정할 수 있기 때문에 다른 이미지 현식보다 강력한 기능을 가지고 있다. 추가로 반응형 대응과 사이즈 변화에 지장이 없다는 점, 부라우저 호환성, SVG속성 사용이 가능하나든 장점으로 일반적으로 많이 사용하는 파일 형식인 jpg, png보다는 프론트 입장에서는 활용도가 놓으며 다만, IE8에서는 지원이 되지 않는다. * IE8 이후 버전에서 지원됨 [사용법] - 해상도 독립성 및 파일 용량의 최소화를 위해 SVG 일반 이미지 형식과 같이 태그에 참조 - css 에서 background.. 2023. 10. 13. [javascript] 문서 로드시점 - document.ready, window.load 실행순서 ready는 HTML 문서 document(객체) 로딩이 끝나면 실행된다. onload이벤트보다 먼저 발생함 모든 문서의 모든 자원이 다운로드되었을 때 발생하는 onload와 달리 DOM트리만 완성되면 바로 발생하므로 빠른 실행속도가 필요할 때 적합함 여러번 사용되면 선언 순서에 따라 순차적으로 실행됨 $(function(){}); 으로 간략하게 사용가능 load는 iframe, img, vidio등 리소스 로딩이 끝나면 이벤트를 발생시킨다. 문서의 모든 컨텐츠(images, script, css, etc)가 로드된 후 발생하는 이벤트(load이벤트) 문서에 포함된 모든 컨텐스가 로드된 후에 실행되기에 불필요한 로딩시간이 추가될 수 있음 동일한 문서에 오직 'onload'는 하나만 존재해야 함 (중복될 .. 2023. 10. 11. 테두리 적용하기 보호되어 있는 글 입니다. 2021. 6. 8. 글자 서식 관련 태그 - <Strong> <u> <mark> 1. 태그 - 텍스트에서 중요한 부분을 굵게 표시하고 싶을 때 사용 - 태그를 사용해도 같은 효과를 얻을 수 있지만, 웹 접근성 측면에서 태그를 사용하는 것이 좋다. => 글자 굵게 2. 태그 - underline - 태그는 밑줄을 그을 때 사용하는 태그 => 밑줄 3. 태그 - 태그는 최신 HTML에서 새로 생긴 태그 - 하이라이트 효과를 주고 싶은 글자를 태그로 감싸주면 된다. => 하이라이트 2020. 10. 7. <iframe> 태그 태그 - iframe태그는 inline frame의 약자로 '내부의 틀'을 의미한다. - 동영상을 삽입할 때 사용하는 기본태그이며, 이 태그를 사용하면 HTML 페이지에 틀을 만들고 그 안에 다른 HTML 페이지를 보여줄 수 있다. - 내가 만든 웹페이지 한쪽에 동영상이나 네이버 메인페이지가 보여지게 할 수 있다는 것! - * Youtube에서는 소스 코드와 함께 태그를 제공하고 있으므로 직접 태그를 입력할 필요가 없다. 2020. 10. 7. 이전 1 다음 728x90 반응형
