(x)html

반응형 캘린더 소스

빽짱구 — Sun, 16 Sep 2018 22:45:53 +0900

css

html

2017. 01

SUN

MON

TUE

WED

THU

FRI

SAT

[2017.01]01(Sun)

[2017.01]02(Mon)

[2017.01]03(Tue)

[2017.01]04(Wed)

[2017.01]05(Thu)

[2017.01]06(Fri)

[2017.01]07(Sat)

[2017.01]08(Sun)

[2017.01]09(Mon)

[2017.01]10(Tue)

[2017.01]11(Wed)

[2017.01]12(Thu)

[2017.01]13(Fri)

[2017.01]14(Sat)

[2017.01]15(Sun)

[2017.01]16(Mon)

[2017.01]17(Tue)

[2017.01]18(Wed)

[2017.01]19(Thu)

[2017.01]20(Fri)

[2017.01]21(Sat)

[2017.01]22(Sun)

[2017.01]23(Mon)

[2017.01]24(Tue)

[2017.01]25(Wed)

[2017.01]26(Thu)

[2017.01]27(Fri)

[2017.01]28(Sat)

[2017.01]29(Sun)

[2017.01]30(Mon)

[2017.01]31(Tue)

미리보기를 통해 확인하세요.

html 인라인요소와 블록요소

빽짱구 — Fri, 03 Jun 2016 14:30:14 +0900

html5 블록요소

address
article
aside
audio
blockquote
canvas

dt
dd
div
dl
fieldset
figcaption
figure
footer
form
h1
h2
h3
h4
h5
h6
header
hgroup
hr
noscript
ol
output
p
pre
section
table
tfoot
ul
video

html5 인라인요소

a
abbr
acronym
b
bdo
big
br
button
cite
code
dfn
em
i
img
input
kbd
label
map
object
q
samp
small
script
select
span
strong
sub
sup
textarea
tt
var

참고로 p, h1~h6태그는 블록요소이긴 하나 블록요소를 포함할수 없습니다.

또한 인라인요소 안에도 블록요소를 포함할수 없습니다.

인라인요소에는 인라인요소만 포함시킬수 있습니다.

모바일 키패드 입력창

빽짱구 — Tue, 16 Feb 2016 13:18:11 +0900

1. 영문 첫글자 대문자 모드 없애기

2. 자동완성 사용 안하기

3. 자동교정(?) 사용 안하기

4. 필요에 맞는 키보드 나오게 하기

전화번호 키보드

URL 입력 키보드
Email 입력 키보드
숫자 입력 키보드 또는
'이동' 버튼을 '검색'버튼으로

또는
(name 속성값에 'search' 텍스트가 포함되면 됨)

모바일 코딩시 확대 축소(가능, 불가능)

빽짱구 — Mon, 21 Jul 2014 13:31:36 +0900

모바일 코딩시 확대 축소/가능, 불가능

확대가능

확대불가능

모바일 코딩하시는 분들 참고하세요.

빽짱구 — Wed, 07 May 2014 21:24:21 +0900

모바일 코딩하면서 겪는 몇가지 경우를 작성한 글이 있는데, 혹시나 도움이 될까해서 링크 걸어봅니다.

추가로 모바일 코딩하면서 힘든점이 있다면 공유부탁드립니다.

http://blog.webmini.net/797

모바일에서 전화번호,이메일,지도 자동링크 제거하기

빽짱구 — Fri, 07 Mar 2014 14:28:29 +0900

모바일 페이지 작업시 아이폰 사파리 계열에서는 숫자가 전화번호 형식으로 자동링크가 걸리지만, 안드로이드에서 메일주소와 지도상의 주소까지 자동으로 링크가 걸리는 이슈가 있습니다.

그럴땐 meta 태그를 추가해주세요.

전화번호 링크만 없앨때는

아이폰에서 숫자 사이즈

빽짱구 — Thu, 06 Feb 2014 10:51:03 +0900

아이폰에서 숫자가 길어질경우 지정한 폰트사이즈데로 적용이 안될경우가 있는데,

그럴땐 상단에 추가해주면 됩니다.

안드로이드에서 placeholder이 적용안될때

빽짱구 — Mon, 03 Feb 2014 15:25:52 +0900

input에는 여러가지 type이 있다. input type="text" 등등

여기서 모바일 코딩시 input type를 number로 할경우 placeholder가 안드로이드 버전에따라 안먹는 경우가 있다.

테스트 한 폰은 아이폰4(IOS5), 안드로이드 (갤럭시S 2, ICS) 이다.

속성	아이폰	안드로이드
text	O	O
number	O	X
email	O	O
password	O	O
tel	O	O
search	O	O
url	O	O
date	X	X
datetime	X	X
month	X	X
week	X	X
time	X	X
datetime-local	X	X

출처 : http://blog.daum.net/dark602/1098

추가 : 이렇게 해도 해결이 되긴하네요. type="text"를 주고 onfocus="this.type='number';" 주면 number 와 같은 효과를 얻을수 있습니다.

모바일에서 position:fixed 문제

빽짱구 — Mon, 13 Jan 2014 10:49:19 +0900

모바일페이지 제작시 스마트폰 하위버전 ex)갤럭시s2 에서 position:fixed 가 적용이 안되는 문제가 있다.

그럴땐 아래의 meta 태그를 사용하면 해결된다.

user-scalable=no" />

좀 끊기긴 하지만, 하위버전에서 지원하지 않는걸 어쩌겠노? ㅎ

html5 (section, article, nav, aside)

빽짱구 — Thu, 30 Aug 2012 15:55:31 +0900

section

다용도로 쓸 수 있는 섹션 요소

article

독립적인 문서를 나타낼 때 씀, 블로그 포스트, 기사글, 위젯등에 사용됨

nav

내비게이션을 나타낼 때 사용

aside

문서의 주요내용과 분리되는 보조내용을 나타낼 때 사용

모바일 코딩시 손가락으로 확대/축소 가능하게 할려면?

빽짱구 — Mon, 06 Aug 2012 15:44:31 +0900

모바일 코딩시 가끔 작은 화면에서 확대를 해야하는 경우가 있습니다. 그럴때 아래 meta 태그를 넣으시면됩니다.

yes, target-densitydpi=medium-dpi" />

확대/축소가 되지 않게 하기 위해서는 아래 meta 태그를 넣으세요.

no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />

html5 + CSS3 브라우저별 호환성 비교

빽짱구 — Fri, 30 Sep 2011 15:17:46 +0900

html5 + CSS3 브라우저별 호환성 비교

http://www.findmebyip.com/litmus/

익스계열은 뭐~ 답이 없네요.

글자 중간에 선을 그어주는 del 태그

빽짱구 — Wed, 13 Jul 2011 16:43:55 +0900

정상가 20,000 --> 할인가 10,000원

위같은 상황에서 가운데 선을 그어주는 태그입니다.

정상가 20,000 --> 할인가 10,000원

정상가 ~~20,000~~ --> 할인가 10,000원

셀렉트박스 (selectbox) 세로크기

빽짱구 — Thu, 12 May 2011 18:48:27 +0900

코딩 도큐멘트가 utf-8일때와 euc-kr 일때 셀렉트 박스 사이즈가 차이가 납니다.

위에 보시는 사이즈가 작은 박스가 utf-8

사이즈가 조금큰 박스가 euc-kr 일때 입니다.

박스크기를 조절하실려면 사이즈를 따로 주셔야겠죠..

또는 select 박스에 폰트사이즈를 영문폰트로 지정해주세요.

ex) select {font-family:Tahoma; font-size:12px;}

스크립트 한 줄로 IE6 죽이기

이병준 — Thu, 27 May 2010 18:06:23 +0900