일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- IE8
- view test
- Filter
- word-break
- box-shadow
- jQuery
- 키보드방지
- 개발자도구함
- HTML
- html5
- meta
- JavaScript
- Ajax
- onlosecapture
- mobile view
- 웹표준 약도
- break-all
- CSS
- 소스보기방지
- 웹표준
- css3
- font-size
- Mobile
- white-space:pre
- 모바일테스트
- onmouseup
- font
- keep-all
- 스크립트
- Gallery
- Today
- Total
목록HTML (25)
감성 퍼블리셔 html,css
[웹표준/HTML] 과 차이, 과 의 차이 보통 웹 표준을 살펴보다 보면 대신에 을 사용하라는 이야기를 들어본 적이 있을 것입니다. 왜? 대신 을 사용해야 할까요? 실제 사용해보면 나 모두 동일하게 굵게 표시되기 때문에 큰 차이가 없어 보입니다. 그럼.. 먼저 W3C에서 과 태그를 설명하는 부분을 살펴 보시죠. EM and STRONG are used to indicate emphasis. The other phrase elements have particular significance in technical documents. These examples illustrate some of the phrase elements: Please refer to the following reference numb..
[css]text-transform Property: text-transform 형식: text-transform: none / uppercase / lowercase / capitalize / inherit none 기본값이며, 영문 대소문자를 변경할때 사용 됩니다. uppercase : 영문 소문자는 대문자로 변환하여 출력 lovercase: 대문자는 소문자로 변환하여 출력 capitalize: 첫글자는 대문자로 출력
meta Element가 무엇입니까? meta element는 현재 페이지를 정의하거나 관련한 모든 사항을 담고 있으며 이러한 사실을 http client에게 알립니다. developer간의 약속에 따라 meta는 적어도 반드시 body의 시작점 위에, head container안에 존재하여야 합니다. meta Element의 종루에는 어떠한 것이 있습니까? 1. meta http-equiv="content-type" content="text/html;charset=euc-kr" 현재 페이지가 한글로 입력되었고 한글로 인코딩 할 것임을 의미함. 2. meta http-equiv="refresh" content="5;url=http://www.ibm.com" t초 후에 특정 url로 이동하게 함. 2. m..
HTML CSS / Font-size (em,px,pt,%) 웹에서만 사용하다 모바일을 고려하다 보니 font-size가 문제가 됩니다. 각종 기기마다 해상도가 다르다 보니 컨텐츠의 text 내용이 작아보이거나 너무 크게 보이는등의 문제가 발행합니다. font-size 의 단위를 설정하는 방법은 크게 고정단위(px)와 유동단위(%,em)이 있는대 모바일에서 확대 또는 축소되어 보이려면 유동단위를 사용해 주면 됩니다. CSS에서는 글자 폰트 크기나 width, height 등의 크기를 지정할 때 다양한 단위를 사용할 수 있다. pt(포인트), px(필셀), em, ex, % 대부분의 브라우저는 단위를 사용하지 않으면 자동으로 px(픽셀)단위로 인식하여 렌더링을 하게 되지만, 현재 표준은 0을 제외하고 단위..
IE 조건부 주석 표기법 ie 조건부 주석 - [if IE5] – IE5 이상의 모든 버전을 대상으로 합니다(조건부 주석기능은 ie5버전 부터생겼습니다) - [if IE5],[if IE7]… – IE라는 글자와 버전 숫자 사이에 빈칸이 있습니다. 이것은 특정 브라우저 버전 한 개를 대상으로 합니다. - [if gt IE 6] – gt는 초과라는 뜻, 이 예는 ie6초과 버전을 대상으로합니다. - [if gte IE 7] – gte는 이상이라는 뜻, 이 예는 ie7이상 버전을 대상으로 합니다. - [if lt IE 8] – lt는 미만이라는 뜻입니다. 이 예는 ie8미만 버전을 대상으로 합니다. - [if lte IE 6] – lte는 이하라는 뜻, 이 예는 ie6이하 버전을 대상으로 합니다.
모바일 웹 제작시 meta태그 설정 설정방법 설정 사항 meta name="viewport" : 뷰포트 선언 content="width=device-width" : 콘텐츠를 표현할 넓이 ('디바이스 크기에 맞추겠다' 고 선언) intial-scale=1 : 초기 크기 설정(기본 꽉찬 화면) minimum-scale=1 : 최소 크기 설정 (기본값 : 0.25, 범위 : 0~10.0) maximum-scale=1 : 최대 크기 설정(최대 배율 범위 : 0~10.0) user-scalable=no : 사용자 단말의 확대기능 사용 유무 선언(yes/no) ---------------------------------------------------------------------------------------..
CSS word-wrap 이해하기 어떤 영역을 설정해주었을 때, 텍스트는 띄어쓰기 공백을 기준으로 줄 바꿈을 하게 된다. 이는 바꿔 말하면 띄어쓰기가 되어 있지 않은 텍스트는 영역을 벗어날 수 있다는 말이 된다. 띄어쓰기가 없는 텍스트의 대표적인 경우가 바로 링크를 입력할 때이다. 그림1 그림2 word-wrap 이라는 코드를 이용하면, 이나 에서처럼 공백없는 텍스트가 영역을 벗어나는 문제를 해결할 수 있다. word-wrap: normal; 노멀은 기본(default)값이다. 노멀로 설정하면 텍스트는 공백을 기준으로 줄 바꿈을 하게 된다. word-wrap: break-word; break-word를 값으로 주게되면, 텍스트는 띄어쓰기와 관계없이 줄바꿈을 하게 된다.
출처 : http://taeyo.net/Lecture/NET/scriptCallback04.asp Ajax란? 에이잭스(Ajax:Asynchronous JavaScript And XML) 기술은 2005년 중반부터 화두로 떠오른 웹 기반의 비 동기 통신 기법을 의미하는 용어입니다. 이는 Google Earth가 발표되면서 사실상 급부상한 기술이기도 합니다. 웹 상에서 화면의 새로 고침(refresh)없이 그토록 빠르고, 깊이 있게 세계 지도를 확인할 수 있다는 것은 실로 놀라움이었으니까요. 해서, Ajax가 웹 상에서 고 해상도의 그래픽 지원을 가능하게 하는 기술이라고 착각하는 사람들도 있었고, 이 기술이 ActiveX를 대체할 수 있는 기술이라고 말씀하는 분들도 있었습니다. 아마도 각각의 기술이 사용되..