HTML 37

이미지 최적화.... 뭐가 이래 복잡해..

이미지 최적화 srcset 및 picture 이미지 최적화 이미지 제거 및 바꾸기 불필요한 이미지 리소스 제거 가능한 경우 CSS3 효과 활용 이미지에서 인코딩 텍스트 대신 웹 글꼴 사용 고해상도 화면의 영향 벡터이미지를 추천. 래스터 이미지를 사용해야한다면 srcset 및 picture를 사용하여 각 이미지에 대한 여러 버전을 제공하고 최적화. 압축이미지 압축 이미지 기법은 기기의 실제 성능에 상관없이 높은 압축율의 2x 이미지를 모든 기기에 제공. 이미지 유형과 압축 수준에 따라 파일 크기가 상당히 줄어들지만 화질은 별차이가 없어 보일 수 있다. Caution 압축 기법 사용 시 메모리가 늘어나고 디코딩 비용이 필요하므로 주의하세요. 작은 화면에 맞게 큰 이미지의 크기를 조정하는 것은 비용이 많이 들..

lang/front 2018.08.16

Referrer Policy, (방문)출처 정책

Referrer PolicyHTTPS & Referer Referrer Policies enum ReferrerPolicy { "", "no-referrer", "no-referrer-when-downgrade", "same-origin", "origin", "strict-origin", "origin-when-cross-origin", "strict-origin-when-cross-origin", "unsafe-url" }; no-referrer referer가 전송되지 않도록 지정. https://example.com/page.html에있는 문서가 "no-referrer"정책을 설정하면 https://example.com/ (또는 다른 URL) 로의 탐색은 Referer 헤더를 전송하지 않는다. no..

lang/html 2018.08.08

Summernote WISWIG Editor

Summernote - Super Simple WYSIWYG editor Initialization options 초기화 옵션 Installation Get Summernote에서 다운로드 하거나 github.com/summernote/summernoet Project master.zip을 다운로드 한다. Require HTML5 doctype 이어야 한다. ... Include CSS, JS CDN을 이용해서 설치 가능하다. Enable Hello Summernote Hello Summernote $(document).ready(function() { $('#summernote').summernote(); $('.summernote').summernote(); }); Bootstrap4 Without ..

lang/front 2018.07.12

PHP tidy 예제 및 기능

PHP에서 HTML / XML을 구문 분석하고 처리하는 방법은 무엇입니까? https://ko.wikipedia.org/wiki/HTML_타이디 https://en.wikipedia.org/wiki/HTML_Tidyhttp://tidy.sourceforge.net/docs/quickref.html Comparison of HTML parsers https://ko.wikipedia.org/wiki/위키백과:린트_오류 PHP simple-html-dom-parser Tidy Function 혼재된 태그를 바로 잡기 존재하지 않거나 일치되지 않는 종료 태그 수정 존재하지 않는 항목 추가 (일부 태그, 인용 등) 사유 HTML 확장 기능 보고 마크업 레이아웃을 미리 정의된 스타일로 변경 일부 인코딩의 문자열들..

lang/php 2018.07.07

<ol> Order Lists

HTML Tag compact (Not HTML5) compactNot supported in HTML5. Specifies that the list should render smaller than normal 목록이 정상보다 작게 표현되도록 설정(HTML5에서 지원안됨0 reversed (HTML5) reversed - Specifies that the list order should be descending (9,8,7...) 내림차순 정렬(HTML5 지원) start number - Specifies the start value of an ordered list 목록 시작 숫자 설정 type 1 : 숫자 A : 대문자 a : 소문자 I : i : Specifies the kind of marker ..

lang/html 2015.12.07
반응형