본문 바로가기

HTML

HTML Dialog Tag HTMLDialogElement HTML Tag GoogleChrome/dialog-polyfill Native Modals on the Web Using the HTML Dialog Element 더보기
scroll down fadein . element on jquery 더보기
이미지 최적화.... 뭐가 이래 복잡해.. 이미지 최적화 srcset 및 picture 이미지 최적화 이미지 제거 및 바꾸기 불필요한 이미지 리소스 제거 가능한 경우 CSS3 효과 활용 이미지에서 인코딩 텍스트 대신 웹 글꼴 사용 고해상도 화면의 영향 벡터이미지를 추천. 래스터 이미지를 사용해야한다면 srcset 및 picture를 사용하여 각 이미지에 대한 여러 버전을 제공하고 최적화. 압축이미지 압축 이미지 기법은 기기의 실제 성능에 상관없이 높은 압축율의 2x 이미지를 모든 기기에 제공. 이미지 유형과 압축 수준에 따라 파일 크기가 상당히 줄어들지만 화질은 별차이가 없어 보일 수 있다. Caution 압축 기법 사용 시 메모리가 늘어나고 디코딩 비용이 필요하므로 주의하세요. 작은 화면에 맞게 큰 이미지의 크기를 조정하는 것은 비용이 많이 들.. 더보기
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.. 더보기
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 .. 더보기
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 확장 기능 보고 마크업 레이아웃을 미리 정의된 스타일로 변경 일부 인코딩의 문자열들.. 더보기
PHP simple-html-dom-parser github.com/sunra/php-simple-html-dom-parserpackagist.org/packages/sunra/php-simple-html-dom-parser PHP Simple HTML DOM Parser Manual Installation "require": { "sunra/php-simple-html-dom-parser": "1.5.2" } composer require sunra/php-simple-html-dom-parser Usage require_once "vendor/autoload.php"; use Sunra\PhpSimple\HtmlDomParser; ... $dom = HtmlDomParser::str_get_html( $str ); or $dom = HtmlDomP.. 더보기
HTML META Tags https://gist.github.com/lancejpollard/1978404 OpenGraph Meta Tags Link Tag Meaning Basic HTML Meta Tags 더보기