Develop 10

HTML에서 사용할수있는 특수문자. w3school HTML Entities. HTML5 특수문자

1. HTML에서 특수문자 사용법 https://www.w3schools.com/html/html_entities.asp HTML Entities HTML Entities Reserved characters in HTML must be replaced with character entities. HTML Entities Some characters are reserved in HTML. If you use the less than () signs in your text, the browser might mix them with tags. Character ent www.w3schools.com 2. HTML에서 사용할 수 있는 다양한 특수문자 리스트 메뉴에 정말 다양한 카테고리가 있다!! 골라서 사용하길..

Develop/HTML 2021.08.27

[HTML] H태그별 폰트사이즈.

IE7 IE8 FF2 FF3 Opera Safari3.1 H1 24pt 2em 32px 32px 32px 32px H2 18pt 1.5em 24px 24px 24px 24px H3 13.55pt 1.17em 18.7333px 18.7167px 18px 19px H4 1em H5 10pt 0.83em 13.2667px 13.2833px 13px 13px H6 7.55pt 0.67em 10.7333px 10.7167px 10px 11px 브라우저마다 기본값이 조금씩 다릅니다~ 그냥 참고용으로 보세요.. 출처 : aboooks.tistory.com/70 [html 기초] 제목 태그 h1, h2, h3, h4, h5, h6 [html 기초] 제목 태그 h1, h2, h3, h4, h5, h6 이제부터 글자, 글..

Develop/HTML 2020.12.16

[visual studio] 클라이언트 라이브러리 추가하기 및 추가방법. bootstrap 자동으로 추가하기.

visual studio 2017( 비쥬얼스튜디오 2017) 클라이언트 라이브러리 추가하기. 추가방법 bootstrap 자동으로 추가하기. 1. 사전으로 준비되어야할 사항으로, 프로젝트는 만들어져야 한다. libman.json 파일에서 (나는 bootstrap 최신버전 4.5.0 이었지만.. 글작성을 위해 다시 지우기로함ㅋㅋ) {{{ ※주의사항 서버는 반드시 중지상태!! 중지시키고 해야되는 것 잊지 말것!!! }}} 2. 솔루션 탐색기에서 'wwwrooot >lib' 또는 라이브러리 추가 원하는 디렉토리 > 오른쪽 마우스 > [추가] > [클라이언트 라이브러리 추가] 클릭 3. 클라이언트 쪽 라이브러리 추가. 공급자 선택 후,, 라이브러리 입력해준다.. 나는 bootstrap.. 원하는 버전은. boot..

Develop/VisulStudio 2020.08.03

Bootstrap Accordion Style - Round Accordion Style

jquery ui나 bootstrap, javascrip 을 이용한 펼침 목록, 아코디언( 어코디언 ) 목록 리스트를 검색하던 중, 너무 깔끔하고 괜찮은 소스를 발견하여 스크랩한다. DEMO SITE 보러가기 참고 : https://bootstrapthemes.co/item/bootstrap-accordion-style-2/ Bootstrap Accordion Style - Bootstrap Themes Bootstrap Accordion Style is designed on HTML5 and CSS3. The Accordion style contains different sections all the sections are fully responsive all the sections have and o..

Develop/Jquery 2020.07.20

SNS 링크 공유 OG TAG 캐시 삭제 방법. 페북, 트위터, 카카오톡 캐시 삭제 주소.

1. 페이스북(Facebook) OG(Open Graph) 태그 캐시 삭제 사이트 https://developers.facebook.com/tools/debug/ 공유 디버거 - Facebook for Developers 공유 디버거를 사용하면 Facebook에 공유될 때 콘텐츠가 표시되는 모습을 미리 보거나 오픈 그래프 태그를 사용하여 문제를 디버깅할 수 있습니다. 이 도구를 사용하려면 Facebook에 로그인하세요. � developers.facebook.com 2. 트위터(twitter) OG태그 캐시 삭제 사이트 https://cards-dev.twitter.com/validator 트위터에 로그인 현재 사용 중인 twitter.com은 이전 버전입니다. 이전 버전의 사이트는 2020년 6월 1일..

Develop/HTML 2020.05.14

카카오톡 url 공유할 때, og tag img 이미지 반영 안될때 해결방법!! (카카오톡 OG캐시 삭제 방법)

제 사이트의 og태그를 저는 아래 코드처럼 작성했습니다. 저장을 하고, 다른 기기에서 호환이 잘 되나 확인하기 위해, url을 카카오톡으로 전송하는데, 썸네일 이미지가 안나오더라구요ㅠㅋㅋ 캐시가 남아있어서 그런지,, 저장한대로 보여지지가 않았어요...;;ㅋㅋ 몇시간을 지나도 안되서,, 다른방법을 찾아본 결과!! 웹 사이트 주소나, 앱 주소 url link를 SNS에 공유할 때, 설정했던 og tag (open graph) 이미지랑 사이트 제목과 설명이 바뀌지 않을 때,, 카카오톡 캐시 삭제 후 다시 리셋시키는 방법이 있었습니다!! 카카오스토리 공유하기시 만들어지는 미리보기의 이미지와 텍스트들은 서버 효율을 높이기 위해 스크랩 서버에 일정기간 캐쉬됩니다. 캐쉬 기간동안 이미지나 내용을 바꾸더라도 같은 UR..

Develop/HTML 2020.05.13