웹 공부/- 명품 웹프로그래밍 (2) 썸네일형 리스트형 CH3 . HTML 문서 구조화와 웹 # HTML의 문서 구조화 - 기존 HTML의 한계 : 웹 문서 구조를 표현하는 태그 없음 -> 구조 파악 불가 => 검색엔진의 출현으로 웹 구조 탐색의 용이성이 중요해짐 - 시맨틱 웹 : 웹 문서를 구조화하여 의미있는 내용탐색이 가능 ex) 구글 검색엔진 -> 시맨틱 태그 검색 -> 시맨틱 태그로 구조화한 웹페이지 사례 - 시맨틱 태그 시맨틱 태그 내용 - 페이지나 섹션의 머리말 표현 - 페이지 제목, 페이지를 소개하는 간단한 설명 -하이퍼링크를 모아놓은 특별한 섹션 -페이지 내 목차를 만드는 영역 - 문서의 장 혹은 절을 구성 - 웹 페이지에 여러 장 가능 - 헤딩 태그()를 사용하여 절 혹은 주제 기입 - 본문과 연관있으나 독립적인 컨텐츠를 담음 - 보조기사, 댓글, 포스트 등 독립적 내용 - 에 .. [명품 웹프로그래밍] CH2. HTML 기본문서 만들기 - HTML 태그의 특징 1) 대소문자 구분을 하지 않음 2) 속성 값에 불필요한 공백문자 -> HTML5 표준에 어긋남 ex) =>X 3) 종료태그가 없는 태그들도 존재 : 시작태그와 종료 태그가 모두 있는 경우 : 시작태그만 있는 경우 - 웹페이지 타이틀 만들기 => 타이틀명 - 문단 제목 달기 => ... 태그로 문단 제목 달기 => 숫자가 커질 수록 더 작아짐 - title 속성으로 툴팁 달기 : 툴팁 : 마우스를 올렸을 때 나오는 설명 : 이전 1 다음
