◽ HTML & CSS & JS, jQuery

[HTML] HTML5, CSS3 무엇이 바뀌었나



HTML5


  HTML5는 HTML 4.01, XHTML 1.0, DOM 레벨 2 HTML에 대한 차기 표준 제안인데. 비디오, 오디오 등 다양한 부가기능과 최신 멀티미디어 콘텐츠를 액티브X 없이 브라우저에서 구현이 가능하게 됨.

  가장 특징적인 것은 기존의 웹 문서에서는 HTML 만으로 웹 서비스를 구성하는 것이 불가능하였지만 HTML5 로 넘어오면서 클라이언트와 서버와의 통신이 가능하며 이에 대한 부가 기능을 제공함으로써 다른 외부 Active-X와 같은 plug-ins 를 사용하지 않고도 웹 서비스를 제공할 수 있을 정도로 많은 기능이 추가되었다는 것이다.

  표준은 Global 5대 표준 웹브라우저(IE,Chrome,Safari,Opera,Firfox)에서 공통 표준기술로 채택한 HTML버전으로  역사상 최초 브라우저간 표준화가 이루어진 HTML버전이라 볼 수 있다.

 

 

 



CSS3


CSS3에서는 추가적인 기능들이 추가가 되었는데 

1. class나 id에 의존하지 않는 선택자를 만들 수 있다.
    CSS3에서는 새로운 선택자가 다수 추가되어 속성 선택자나 가상 클래스, 가상요소의 대폭적 확장으로
    class나 id에 의존하지 않는 선택자를 만들 수 있다.

2. CSS3만으로 표현할 수 있는 디자인의 폭이 넓어졌다.
    둥근 모서리, 드롭 섀도우(그림자), 그라데이션 등을 비롯한 비주얼 표현에 없어서는 안될 프로퍼티가 다수 추가 되어
    이미지를 준비하지 않아도 표현할 수 있는 디자인의 폭이 넓어졌다.




3. 유연한 여러 단을 쉽게 표현할 수 있게 되었다.
    지금까지의 단 레이아웃을 하려면 float나 position 등 극히 제한된 기법 밖에는 없었으나 CSS3에서는 다단 레이아웃,
    유연한 박스 레이아웃 같은 새로운 레이아웃 모듈이 추가되어 더 간단하고 유연하게 단을 표현할 수 있게 되었다.

4. CSS만으로 동적인 표현들이 가능하게 되었다.
    객체의 변형이나 트랜지션 효과, 애니메이션 같은 변형이나 움직임을 표현하는 프로퍼티가 추가되었다.
    플래시나 자바스크립트 등에 의존해 표현해야 했던 동적인 표현이 CSS3 만으로도 가능하다.

5. 웹폰트 지원
    웹폰트로서 서버상에 폰트 데이터를 준비해 두면 사용자의 컴퓨터에 설치되어 있지 않아도 원하는 서체를 웹상에서
    출력할수 있게 되었다.    일부러 로고나 표제를 이미지화하지 않아도 된다.




6. 윈도우나 디바이스 크기 등에 따라 유연하게 CSS를 바꿀 수 있게 되었다.
    CSS3에서는 media 속성이 확장되어 윈도우나 디바이스 사이즈, 방향, 픽셀 밀도 등과 같은 미디어 특성에 따라
    불러오는 스타일이 달라지는 '미디어쿼리' 라는 기능이 되었다.
    다양한 디바이스와 표현 환경의 차이에 대응할 수 있다.

 

 

푸터바