본문 바로가기

2014/025

hgroup 태그, HTML5에서 제외(hgroup removed from HTML) hgroup 태그, HTML5에서 제외(hgroup removed from HTML) 뒤늦게 올린다만. 2013 4월경 hgroup 태그가 html5에서 제외됬다. 다음링크참조 http://www.webmonkey.com/2013/04/w3c-drops-hgroup-tag-from-html5-spec/ http://www.w3.org/html/wg/wiki/ChangeProposals/hgroup https://www.w3.org/Bugs/Public/show_bug.cgi?id=11731 http://beautifulcss.com/archives/882 W3C는 더이상 태그를 표준 명세에 표함시키지 않겠다고 밝혔습니다. 이 태그는 문서의 개요를 작성할 때 사용되는데, 반드시 부터 까지의 태그만을 포함할.. 2014. 2. 27.
CSS 단위 CSS 단위 위는 절대값 아래는 상대값 단위 설명 in 인치(inch) cm 센치미터(centimeter) mm 밀리미터(millimeter) pc 피카 (1피카=12포인트=1/6인치) pt 포인트(1/72인치) % 다른속성값에 대한비율 ex 현재폰트의 x-height em 엘레먼트 폰트크기에상대적 px 픽셀(현 컴뷰터씬의 한 도트) rem root 엘리먼트에 상대적 각도와 시간 단위 설명 deg 각도0~360 grad gradian 각도 0~400 rad 라디안 0~6.28 turn 회전수 1turn=360deg s 1초 ms 밀리초(1/1000s) 2014. 2. 25.
HTML5 전역속성 (Global Attributes) HTML5 전역속성 (Global Attributes) 굵고 빨간건 HTML5부터 적용된것 Attribute Description accesskey 키보드 단축키 명시하고 그 페이지에서 엘리먼트를 선택 할 수 있도록한다. class 다수 선택자,엘리먼트 분류 contenteditable ture 설정으로 사용자들이 텍스트변경가능 http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_contenteditable contextmenu 엘리먼트의 콘텍스트 메뉴들을 정의할 수 있도록한다. 이메뉴들은 사용자가 트리거시 팝업된다. (현재는와 함께 지원되는브라우저없슴) data-* HTML 태그 안에서 사용자 데이타 저장한다 http://www.w3sch.. 2014. 2. 24.
CSS3 :first-line and :first-letter 문장 첫글자크게하기 CSS3 :first-line and :first-letter 문장 첫글자크게하기 문장의 첫글자를크게하는방법으로 :first-line 와 :first-letter를 사용할것이다.먼저 :first-letter를 이용하여 첫글자를 크게 p:first-letter { font-size: 50px; } 다음은 첫번째 줄을 굵게 p:first-line { font-weight: bold; } 그런데 두 문단이라면 이 두문단의 첫글짜가모두 커져버릴 것이다. 우리목표는 단첫번째껏만 선택, 적용하는 것이다.:first-child를 이용하자 p:first-child:first-letter { font-size: 50px; } p:first-child:first-line { font-weight: bold; } 제대로 된.. 2014. 2. 18.
HTML5 크로스브라우징 HTML5 크로스브라우징 html5shiv, ie9.js, ie7.js, modernizr, and css3pie(출처) * html5shivHTML5 요소를 지원하지 않는 브라우저에서 해당 요소를 지원할 수 있게 해주는 라이브러리. * ie9.js, ie7.jsIE를 사람답게(...) 만들어 주는 라이브러리. 구버전의 Internet Explorer에 있는 HTML 및 CSS issue들을 fix함. 투명 png에 대한 부분에 대해 처리.단순히 head 부분에 위 구문을 집어넣으면 된다. * ModernizrHTML5 & CSS3을 지원하는지를 체크해 줌.html5shiv를 포함하고 있음. 그리고 많은 일을 하지만, 딱히 html5의 많은 요소들을 쓰는 것이 아니라면 사용하지 말 것. 왜냐하면 페이지 .. 2014. 2. 18.