728x90

html5 3

HTML5의 시맨틱 태그, 폼 태그

시멘틱 웹 이란? 검색엔진이 좋아하는 웹 사이트가 있다. html5의 문서 구조는 우선 기존 html이 웹 문서 구조를 표현하는 태그가 없다는 한계를 극복해낸 구조이며 검색엔진이 좋아하는 웹 페이지를 작성하기 위한 필요성이 나타나면서 중요해지면서 문서 구조화가 등장했다. 사이트의 가치를 올리기 위해서 검색 엔진이 좋아하는 웹사이트의 구조로 작성해야 한다. 예를들어 , , , , , 등의 태그는 문서의 구조와 의미를 표현한다. 웹에서 검색을 했을때 웹페이지의 해당 코드를 찾아 그 정보를 기반으로 의미 있는 내용이 출력되도록 하며 그런 웹을 시맨틱 웹이라고 한다.- 시맨틱 태그 : head, section, article, main, summary, mark, time- 시맨틱 웹 : 웹 문서를 구조화하여 ..

STUDY/programing 2018.12.03

HTML5 의 기본태그 총정리

몇 달전에 배운 HTML 리마인드를 위해서 복습하는 겸, HTML5 기본문서의 기본태그를 총정리 하였다. 1. : HTML5 임을 브라우저에게 지시하며 맨 첫줄에 선언. 2. HTML5필수태그 : , , , 1) HEAD : CSS스타일, 자바스크립트, 메타태그들이 위치2) BODY : 자바스크립트 코드를 포함 할 수 있으며 HTML 구조 및 내용3) TITLE : 웹페이지의 제목으로서 브라우저의 상단 바에 출력되며 HEAD내에 작성 3. 주석문 : 브라우저에 출력되지 않음 4. 본문 소제목 태그 부터 까지 6단계의 소제목을 표현 한다. ex) h1 소제목 입니다. h2 소제목 입니다. h3 소제목 입니다. h4 소제목 입니다. h5 소제목 입니다. h6 소제목 입니다. *본문 Tooltip 달기 h1 ..

STUDY/programing 2018.11.29

HTML5 란 ?

HTML5 ? 지금까지도 웹개발자, 웹 퍼블리셔들은 브라우저에 따라서(같은 브라우저라고 할지라도 버전에따라) 화면에 다르게 출력되어 다른 코드를 작성하기도하고 문제점이 많다. 초기 HTML이 개발되었을때 마구잡이로 브라우저들이 나왔고 웹 페이지에 플러그인 기능이 들어가게 되면서(지긋지긋한 Active-X..) 표준화 되지않은 기술들이 브라우저에 혼재되어 html의 호환성이 더더욱 무너져버렸다. 스마트폰과 태블릿 기기들은 플러긴 같은 비표준기술을 수용할 수 없기때문에 모바일이나 PC에서 모두 사용가능케하는 범용 웹 표준 개발이 필요해졌고, W3C와 하이퍼텍스트 워킹그룹에서 HTML5의 표준을 만들게 되었다. 웹페이지를 Structure, Presentation, Behavior을 분리해서 개발하도록 htm..

STUDY/programing 2018.11.28
728x90