web2 [23-2] WEB 2. 시맨틱 웹 & 폼 요소 1. 시맨틱 태그 : 검색이 잘 됨 - 헤딩 태그(h1~h6) : 주제 기재 1. 문서 구조 header : 머리말. 페이지 제목, 소개 nav : 하이퍼링크. 목차, 링크, 메뉴 section : 장, 절. 본문 article : 보조적인 기사. 본문 내 각 절이나 영역 aside : 오른쪽이나 왼쪽에 주로 배치 footer : 꼬리말. 저자, 저작권 정보 2. 시맨틱 블록 태그 figure : 그림을 블록화하는 시맨틱 태그 - figcaption : 그림 제목 details : 상세 정보 > summary summary : 상세 정보 감추기 3. 시맨틱 인라인 태그 mark : 중요한 텍스트 표시 time : 시간 정보임을 표시 meter : 주어진 범위, %의 양 표시 progress : 작업 진행.. 2023. 11. 14. [23-2] WEB 1. HTML 기본 1. HTML5 - 로 시작 1. 차이점 - 표준화된 시맨틱 태그 삽입 - 플러그인 없이 미디어 재생 - 다양한 JS API 제공 2. 구조 - HTML5 : 구조와 내용 - CSS3 : 모양 - JS : 입력 처리 3. 작업 순서 1) mark up 2) 검증(validation) : https://validator.w3.org/ 3) 디버깅(debug) : 개발자 도구 4) css 5) JS / JQuery 4. 템플릿 설정 - 환경 : visual studio code - 스니펫 : myhtml { "myhtml tmpt" : { "prefix" : "myhtml", "body" : { "", "", "", "", "$2", "", "html" }, "description" : "myhtml 템플릿.. 2023. 11. 14. 이전 1 다음