본문 바로가기

HTML13

\n newline -> <br/> tag로 바꾸기 \n newline -> tag로 바꾸기아래와같이 css를 주면 \n 이 자동으로 줄바꿈된다. Html Some test with linebreaks Css.white-space-pre { white-space: pre-wrap; }jsfiddle https://jsfiddle.net/yk1angkz/25/ 2016. 5. 12.
a:visited 스타일 적용 안될 때 익스플로러 스크립트를 이용하여 history 정보를 악용한 사례들이 있어, IE 7버전 이후부터는 script 내에서 URL history 정보를 보지 못하도록 보안 디자인이 강화되어 자바스크립트(javascript:;) 혹은 #(bookmark)로 링크되어있는 주소에서는 a:visited 스타일시트가 적용이 되지 않는다. (관련정보 http://boochim.net/archives/152) 해결방법은 이렇다.. 제목 2014. 6. 11.
[HTML5] 옵션 patten DescriptionPattern Credit Card Number [0-9]{13,16} Diners Club Card ^([30|36|38]{2})([0-9]{12})$ ICQ UIN ([1-9])+(?:-?\d){4,} Alpha-Numeric ^[a-zA-Z0-9]+$ Domain like "abc.de" ^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$ IPv4 Address ((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$ IPv6 Address ((^|:)([0-9a-fA-F]{0,4})){1,8}$ Username with 2-20 chars (format: string+stri.. 2012. 8. 1.
[html5] Visual Cheat Sheet 출처 : http://woork.blogspot.kr/2009/09/html-5-visual-cheat-sheet-by-woork.html 2012. 7. 31.
왜 div에 있는 p에 float:left를 하면 div의 background가 없어지나요? p1 p2 p3 background가 사라지는 것이 아니라 height가 0이 되어버려서 그렇습니다. 어떤 엘리먼트의 height는 특별히 지정해주지 않는다면 그 안에 들어있는 다른 엘리먼트들의 height값에 좌우됩니다. 정확히 말하자면, 이런 구조가 있다고 할 때, a의 높이는 따로 지정해주지 않는다면, "a의 하부구조(여기서는 b)들이 차지하고 있는 영역의 높이" + "a의 padding값"에 의해 결정됩니다. 이에 따르면 a의 padding값이 없고 b의 높이도 0일 경우, a도 0 이 되어버리죠. 일반적인 경우라면 이렇게 자동으로 height를 계산해서 렌더링하는 것이 편리합니다만, 문제는 float을 쓸 경우. float은 해당 엘리먼트를 "띄웁니다.(floating)" 다른 엘리먼트의 영역과.. 2012. 7. 31.
<label> 태그 용도 태그 사용 결과 라벨태그 사용했을때좋아요 싫어요 라벨태그 사용 안했을때좋아요 싫어요 태그 사용 방법 HTML 코드 라벨태그 사용했을때 좋아요 싫어요 라벨태그 사용 안했을때 좋아요 싫어요 라벨태그는 단순히 마우스 사용자에게 편의성을 제공한다. 라벨태그로 텍스트를 싸지 않은 일반적인 라디오 버튼은 직접 라디오 버튼을 눌러야 선택할 수 있지만, 라벨태그로 싸여진 텍스트는 (위의 예제 중 핑크색으로 표기된) 텍스트를 클릭했을때에 라디오 버튼이 클릭된다. 주의 할점은 태그의 속성(attribute) for 와 해당 태그의 속성(attribute) id 값이 동일해야 한다. 스마트폰, 태블릿PC에서 터치했을때에도 사용가능한지 테스트 해봤는데, 안된다. 2012. 7. 25.
HTML Color Codes http://html-color-codes.info/Korean/ 2012. 7. 11.
HTML escape 이스케이프 문자 공백 & " & " 2012. 2. 15.
스마트폰(모바일)용 웹 자동이동 0) { // 안드로이드 result = true; } else if (browser.indexOf("iphone","iPod","PPC") > 0) { // 아이폰등등.. result = true; } if (result == true) { response.sendRedirect("이동할경로"); } %> 0 Then Response.Redirect("이동할경로") Exit for End If Next %> 2012. 1. 12.