html53 HTML 공간 분할(layout, iframe, block & inline) Layout 레이아웃은 특정 공간에 여러 구성 요소를 효과적이고 효율적으로 배치하는 작업을 의미하며, 보기 좋게 구조화 하는 매우 중요한 요소이다. 주로 시맨틱 요소들이 사용되며, 시멘틱(Semantic) 요소는 웹페이지를 쉽게 이해할 수 있도록 정의된 의미론적 태그를 말한다. ● header 웹사이트 상단에 위치하며 주로 로고, 검색, 웹사이트의 이름 등을 표현한다. ● nav 네비게이션 바(Navigation Bar)를 의미하며 카테고리, 메뉴 등을 위치 시킨다. - header 안에 nav 가 포함될 수도 있으며 header 밖으로 나와 단독적으로 사용되기도 한다. ● aside 보통 웹사이트 양옆에 위치하며 본문과는 연관성이 떨어진 내용을 추가한다. ● section html 문서의 전체적인 내용.. 2020. 9. 28. HTML5의 요소 HTML5의 요소 html5는 html4에 기존 요소에서 표현을 위한 요소를 삭제하고, 쓰임이 명확하지 않았던 요소에 대한 정의를 구체화 하였으며, 기존에 없었던 새로운 요소를 추가했다. 각 요소의 성격과 쓰임에 따른 구분 루트 요소 Element 의미 및 용도 HTML4 HTML5 페이지의 최상위 요소 지원 지원-속성 추가 메타정보 요소 메타정보 요소는 페이지에 대한 정보를 제공하는 요소로, 기존의 html과 크게 변경된 사항은 없다. 화면에 표시 되지 않기 때문에 중요하지 않다고 생각될 수 있는 것 중에는 과 같이 매우 중요한 요소도 있으며, 모바일 기기에서 나 를 이용하여 고유의 기능을 제공하기도 한다. Element 의미 및 용도 HTML4 HTML5 페이지의 헤더 영역을 생성 지원 지원 페이지 .. 2020. 9. 10. 진화된 HTML5 이해(1) HTML(HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 다시 말하면 웹페이지의 Content(내용)와 Structure(구조)를 담당하는 언어로써 HTML 태그를 통해 정보를 구조화한다. - 추가된 기능 Multimedia : 플래시와 같은 플러그인의 도움없이 비디오 및 오디오 기능을 자체 지원 Graphic & Effects : SVG, 캔버스를 사용한 2차원 그래픽과 CSS3, WebGL을 사용한 3차원 그래픽을 지원 Connectivity : 이전의 HTML은 단방향 통신만이 가능하였다면 HTML5는 서버와의 소켓 통신을 지원, 양방향 통신가능 Device acess : 카메라, 동작센서 등의 하드웨어 기능을 직접적으로 제어할 수 있음 Offline &.. 2020. 9. 6. 이전 1 다음
