'Language/HTML'에 해당되는 글 24건

  1. 2010.05.18 ime-mode
  2. 2010.05.18 ime-mode
  3. 2010.04.28 iframe 테두리
  4. 2010.04.05 META 태그

ime-mode

Language/HTML 2010. 5. 18. 14:31

ime-mode                                                                                               

  

 기능

 ime 설정

 문법 - CSS

        - JAVASCRIPT

 {ime-mode: Poperty}

 oject.style.imeMode= 'Property'

 속성

 auto : 기본값, IME에 영향을 주지 않습니다.
 active : 한글이 기본인 경우 IME가 반자(보통 영

 어) 이라도 한글이 우선 설정 됩니다.
 inactive : 한글이 기본인 경우 IME가 한글 이라도

 반자가 우선 설정 됩니다.
 disabled : IME가 사용되지 않게 설정 되며,

 active를 사용 할 수 없습니다. (한글 안됨)
 상기 Property 들은 IME 설정이 대한민국인 경우
 입력 양식에 있어서 한글로 작성할 곳이 있다면 

 active (반자 사용 가능/우선 순위만 한글)
 입력 양식에 있어서 영어로 작성할 곳이 있다면 

 inactive (한글 사용 가능/우선 순위만 영어)
 무조건 한글을 입력 안되게 하려면 disabled (IME

 기능 상실)

 CSS

 CSS1, CSS2

 특이사항

 

예제

<PRE><PRE><PRE>
<PRE>
<PRE><PRE>
<PRE>
<PRE>
<PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE>
<PRE>
<PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE><PRE>ime-mode: active (전환키가 영어로 되어있어도 한글로 우선 적용)<textarea cols=50 style="ime-mode: active"></textarea>ime-mode: inactive (한글로 되어있어도 반자가 우선 적용)<textarea cols=50 style="ime-mode: inactive"></textarea>ime-mode: disabled (한글/반자 중 반자 사용 가능: IME 기능 상실)<textarea cols=50 style="ime-mode: disabled"></textarea>

 

</PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE>
</PRE>
</PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE></PRE>
</PRE>
</PRE>
</PRE></PRE>
</PRE>
</PRE></PRE>
</PRE>

 [출처] ime-mode|작성자 WebCafe

'Language > HTML' 카테고리의 다른 글

align / valign  (1) 2010.05.18
textarea 스크롤 / WRAP  (0) 2010.05.18
ime-mode  (0) 2010.05.18
iframe 테두리  (0) 2010.04.28
META 태그  (0) 2010.04.05
:

ime-mode

Language/HTML 2010. 5. 18. 14:30

글상자 입력시 한/영 전환키를 사용하지 않아도 자동으로
한글이 입력되게 합니다.

[MSDN에서 발췌하여 속성을 정리해봤읍니다.
출처: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/imemode.asp ]

한글 초기화: 한/영 키 사용않고 자동으로 한글입력되게함
(ime-mode:active)

<input type="text" style="ime-mode:active" /> <!-- 주변의 모든 폼요소를 한글로 초기화 -->
<input type="text" /> <!-- 위의 속성 영향으로 한글로 됨 -->


영문 복귀: 위의 속성은 모든 글상자를 한글로 설정(심지어 적용하지 않는 요소까지)
하므로 영문으로 복귀하기 위한 속성이 필요
(ime-mode:inactive)

<input type="text" style="ime-mode:active" /> <!-- 주변의 모든 폼요소를 한글로 초기화 -->
<input type="text" style="ime-mode:inactive" /> <!-- 한글모드에서 다시 영문모드로 복뒤, 이후의 요소를 모두 영문으로 복귀시킴 -->
<input type="text" /> <!-- 영문으로 입역됨 -->


한글문자 입력 금지 (원천봉쇄): 아예 한/영 키를 눌러도 한글이 입력되지 않는다.

<input type="text" style="ime-mode:disabled" />


출처 - http://www.phpschool.com/

'Language > HTML' 카테고리의 다른 글

align / valign  (1) 2010.05.18
textarea 스크롤 / WRAP  (0) 2010.05.18
ime-mode  (0) 2010.05.18
iframe 테두리  (0) 2010.04.28
META 태그  (0) 2010.04.05
:

iframe 테두리

Language/HTML 2010. 4. 28. 17:15

1. 테두리 관련 옵션(style 이용)

border-width : 1px; 선두께
border-style : solid; 선모양 (solid, groove 등)
border-color : rgb(238,238,238); black, red 등의 값도 가능
frameborder="0" : 테두리 없애기 

2. 사용 예제
<iframe style="border-width:1px; border-color:red; border-style:solid;"> ~ </iframe>

'Language > HTML' 카테고리의 다른 글

align / valign  (1) 2010.05.18
textarea 스크롤 / WRAP  (0) 2010.05.18
ime-mode  (0) 2010.05.18
ime-mode  (0) 2010.05.18
META 태그  (0) 2010.04.05
:

META 태그

Language/HTML 2010. 4. 5. 17:07

<html>
<head>
  <meta name="Author" content="Kjwon15" /> <!-- Author:페이지 제작자가 Kjwon15 -->
  <meta name="Generator" content="Vim" /> <!-- 페이지를 Vim으로 제작 -->
  <meta name="Copyright" content="LGPL" /> <!-- 저작권에 관한 정보 -->
<meta name="Keywords" content="html,tag,mata,메타,태그" /> <!-- 검색엔진에서 검색되는 키워드 -->
<meta name="Description" content="META 태그에 관한 정보" /> <!-- 페이지에 대한 정보 -->

<!-- 동적인 부분이라는 것에 대한 예를 보면 -->


<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> //문자 인코딩
<meta http-equiv="Refresh" content="60" /> //60초 마다 새로고침
<meta http-equiv="Refresh" content="5;url=주소" /> //주소로 5초후 이동
<meta http-equiv="Pragma" content="no-cache" /> //캐쉬가 되지 않게
//캐쉬 만료(파기)일
<meta http-equiv="Page-Enter" content="revealtrans(duration=1,transition=12)" />
//페이지 들어갈때 트랜지션 효과(장면 전환 효과)
<meta http-equiv="Page-Exit" content="revealtrans(duration=1,transition=12)" />
//페이지 나갈때 트랜지션 효과(장면 전환 효과)
<!-- PageEnter 속성 -->
<!--
0 Box in - 네모난 박스가 바깥에서 안쪽으로 만들어지면서 이미지 변환
1 Box out - 네모난 박스가 안쪽에서 바깥쪽으로 만들어지면서 이미지 변환
2 Circle in - 원이 바깥에서 안쪽으로 만들어지면서 이미지 변환
3 Circle out- 원이 안쪽에서 바깥쪽으로 만들어지면서 이미지 변환
4 Wipe up - 이미지의 아래에서 위쪽으로 수직 이동하면서 변환
5 Wipe down - 이미지의 위쪽에서 아래로 수직 이동하면서 변환
6 Wipe right - 이미지의 왼쪽에서 오른쪽으로 수평 이동하면서 변환
7 Wipe left - 이미지의 오른쪽에서 왼쪽으로 수평 이동하면서 변환
8 Vertical blinds - 수직 브라인드가 쳐지는 형태로 이미지 변환
9 Horizontal blinds - 수평 브라인드가 쳐지는 형태로 이미지 변환
10 Checkerboard across - 바둑판 형태의 격자가 왼쪽에서 오른쪽으로 생기면서 이미지 변환
11 Checkerboard down - 바둑판 형태의 격자가 위에서 아래로 생기면서 이미지 변환
12 Random dissove - 안개낀 형태로 이미지가 바뀌면서 변환
13 Split vertical in - 왼쪽과 오른쪽 끝에서 중앙으로 수직이동하면서 이미지 변환
14 Split vertical out - 중앙에서 왼쪽과 오른쪽 끝으로 수직 이동하면서 이미지 변환
15 Split Horizontal in - 위쪽과 아래쪽에서 중앙으로 수평이동하면서 이미지 변환
16 Split Horizontal ou - 중앙에서 위쪽과 아래쪽으로 수평이동하면서 이미지 변환t
17 Strips left down - 오른쪽 위에서 왼쪽 아래로 이동하면서 이미지 변환
18 Strips left up - 오른쪽 아래에서 왼쪽 위로 이동하면서 이미지 변환
19 Strips right down - 왼쪽 위에서 오른쪽 아래로 이동하면서 이미지 변환
20 Strips right up - 왼쪽 아래에서 오른쪽 위로 이동하면서 이미지 변환
21 Random bars horizontal - 수평선이 무작위로 생기면서 이미지 변환
22 Random bars vertical - 수직선이 무작위로 생기면서 이미지 변환
23 Random - 임의로 지정됨
-->
</head>
</html>

출처 - http://blog.naver.com/kjwonmail?Redirect=Log&logNo=80095544579



<META name="generator" content="저작 프로그램">
홈페이지를 만드는데 사용한 프로그램 프로그램 이름을 넣으려면 content="EditPluse 3.0.2" 과 같은 식으로 적으시면 됩니다.

<META name="author" contents="제작자 이름">
홈페이지를 만든 제작자를 넣으려면 content="놀라운넘" 와 같이 적으시면 됩니다.

<META name="keywords" content="Key or Tag">
홈페이지가 담고 있는 내용을 content="[Tip] META태그의 모든것" 와 같이 ',' 를 단어 사이에 넣어 나열하시면 됩니다.
검색엔진에서 검색어를 입력하고 찾기를 할 때 불러들이는 부분들입니다. 메타태그의 핵심기능이라고 할 수 있습니다.


<META name="description" content="간략한 설명">
홈페이지에 대한 간단한 소개글을 적습니다.

<META http-equiv="refresh" content="3; url=http://tuning.egloos.com">
3초 후에 http://tuning.egloos.com 로 자동으로 이동하게 하는 옵션입니다.


<META http-equiv="Pragma" content="no-cache">
캐쉬에서 해당 페이지를 읽어들이는 걸 방지합니다. 들어올 때마다 새로고침을 한 것과 같은 효과입니다.



[출처] META 태그 정리|작성자 1337 h4x0r

'Language > HTML' 카테고리의 다른 글

align / valign  (1) 2010.05.18
textarea 스크롤 / WRAP  (0) 2010.05.18
ime-mode  (0) 2010.05.18
ime-mode  (0) 2010.05.18
iframe 테두리  (0) 2010.04.28
: