본문 바로가기

html566

HTML5 변경점 추가된 새속성 HTML5 변경점 추가된 새속성 HTML 5는 기존 HTML 4 내의 요소에 대해 여러 가지 새 속성들을 제공 하고 있다. a와 area 요소는 link와 함께 사용 가능한 media 속성을 이용할 수 있다. a와 area 요소는 ping이라는 새 속성을 통해 하이퍼 링크에 대해 ping 정보를 보내야하는 URI 목록에 대해 한칸 공백으로 분리해서 제공할 수 있다. 이 속성은 사용자 에이전트가 어떤 URI에 ping 정보를 보냈는지 사용자에게 알려 주거나 개인 정보를 우려하는 사용자를 위해 기능 끄기도 제공 한다. area 요소는 좀 더 견고 하도록 hreflang와 rel 속성 모델을 사용한다. base 요소는 a 요소에서 이미 널리 지원되는 target 속성을 지원한다. a와 area에서 iframe.. 2010. 4. 3.
최근 부라우저들의 CSS3,HTML5 지원현황 http://www.findmebyip.com/litmus/#target-selector 여전히 문제는 IE거의 지원을 못해주고있다.제대로 병맛. 2010. 3. 31.
html5 엘리먼트 변경점 새로생긴 엘리먼트 html5 엘리먼트 변경점 새로생긴 엘리먼트 HTML5 추가된 엘리먼트포스팅에서 간단히 봤지만 새로추가된것들 더자세히보자 section은 태그는 일반적인 문서 및 애플리케이션 영역을 표시할 때 사용한다. article은 뉴스 기사나 블로그 글 같은 독립적인 컨텐츠 단위를 표시할 때 사용 한다. aside는 문서의 주요 부분을 표시하고 남은 부분의 컨텐츠를 표시할 때 사용한다. hgroup은 섹션 머리말을 표시할 때 사용한다. header은 문서 내 소개 및 네비게이션 메뉴 모음을 표시할 때 사용한다. footer는 문서 내 꼬리말 부분을 표시할 때 사용하며 문서 저자, 저작권 정보 같은 것을 표시할 수 있다.. nav는 문서 내 네비게이션. figure는 그림이나 비디오 같은 임베딩 컨텐츠와 함께 캡션을.. 2010. 3. 30.
HTMl5 레이아웃 만들기 HTMl5 간단한 레이아웃 만들기 html5를 이용해서 간단한 레이아웃을 만들어보자 먼저 생각하는 레이아웃의 모양은 다음과 같다. 각 엘리먼트와 그 크기는 그림과 같이 할것이다 html5 소스 위 그림에서 알수있듯이 먼저 헤더(header) 그리고 네비게이션(nav) 그다음에는 사이드바(aside)와 콘테츠(section, artucle) 맨아래 풋터(footer)를 둘것이다. 소스는 다음과 같다. html5 simple test header nav link link link aside section article footer 위에서 div엘리먼트를 쓰면서 왜 전체를 감싸주었는지는 아래에 설명하겠다. CSS로 완성 이제 css로 꾸며보자. 항상 해주는것이지만 일단 마진과 패딩을 0, 그리고 리스트스타일을.. 2010. 2. 20.
html5 변경점 사라진 엘리먼트 html5 엘리먼트 변경점 사라진 엘리먼트 html5에서는 사라진것도 많고 새로 만들어진 엘리먼트도 많다. 하나하나 살펴보자 사라진 엘리먼트 CSS로 다루는것이 더 좋기때문에 사라진 엘리먼트 basefont 이런식으로 문서 전체의 기본 폰트를 설정하기도했으나 css에서 완전히 처리해주니 불필요하다고 여겨짐 big, small 문자를 크게 또 작게 변경 해 주는 엘리먼트였으나 이것역시 css에서 가능 center 중앙에 배치하는 역할을 했으나 이것역시 css에서 가능하다. font font역시 basefont와 마찬가지 s,strike,u 줄로 텍스트를 꾸며주는 이들역시 css에서 가능하므로 사라졌다. tt 공지나, 상표를위해 사용했던것 이역시 css별도 강조 가능하기에 사라졌다. 프레임, 더이상 없다! .. 2010. 2. 19.
HTML5 둘러보기 HTML5 둘러보기 추가된 엘리먼트 API의 확장 모바일에서 구동가능, 미디어 지원 이런특징을 가지고 개발되는 html5에 대해 간단히 둘러보자 The DOCTYPE 문서타입 선언 아주 간단해졌다. html1.0, html4.0문서선언 보다 훨씬 간단해졌다. 훨씬 간단하고, 기억하기쉽고, 간편하게 의미있어보인다 새로 만들어진 엘리먼트(Element) 이전에 엘리먼트에 새로운 엘리먼트가 추가되었다. 대체적으로 과다하게 쓰였던 div엘리먼트를 좀더의미화 하여 구체적으로 나누어졌다고 보면된다. 추가된 엘리먼트는 다음과 같다. 글자그대로 머리부분이다.브랜드이름이나,페이지 맨위에서 사이트를 소개할떄 사용한다. nvigation의 약자로 nav로 쓴다.흔히 사용하는 메뉴 네비게이션 부분에 쓰일 것이다. 이제 div.. 2009. 9. 29.