웹/HTML(5)
-
HTML - 컨텐츠 부문 HEADER / FOOTER / H1~H6 / MAIN
태그 소개나 탐색을 돕는 그룹 일반적으로 로고 / 메뉴 / 검색바 / 로그인 버튼/ 로그아웃 버튼 / 회원가입 버튼 컨텐츠가 포함 header 태그 내 header / footer 사용 X 속성 전역 속성만 포함 태그 가장 가까운 구획화 콘텐츠나 구획화 루트의 푸터를 나타냄 일반적으로 작성자 구획 / 저작권 데이터 / 관련된 문서의 링크에 대한 정보 포함 footer 태그 내 footer/ header 사용 X 속성 전역 속성만 포함 ~ 태그 6단계의 문서 제목을 구현 h1이 가장 높고 h6이 가장 낮음 화면의 글자의 크기를 지정할 때 쓰는 태그 X, 의미상 대주제 부터 소주제로 6단계 구분할 때 사용하는 태그 속성 전역 속성만 포함 ※ 권장사항 브라우저 마다 h1 ~ h6은 폰트의 크기가 다름 제목 폰..
2019.12.11 -
HTML - 요소 전역 속성
전역 속성(Global Attributes) 모든 HTML 요소에서 공통적으로 사용 가능한 속성 class 공백으로 구분된 요소의 별칭을 지정 CSS / Javascript 의 요소 선택기를 통해서 요소 선택하거나 접근 id 문서에서 고유한 식별자를 정의 CSS / Javascript 의 요소 선택기를 통해서 요소 선택하거나 접근 style 요소에 적용할 CSS 선언 title 요소의 정보를 지정 마우스 오버시 툴팁 출력 lang 요소의 언어(ISO 639-1)를 지정 data-* 사용자 정의 데이터 속성을 지정 HTML에 Javascript에서 이용할 수 있는 데이터를 저장하는 용도 TEST const test = document.getElementById("test"); console.log(test..
2019.11.24 -
메타데이터 - LINK / STYLE / MIME Type / BASE
LINK 태그 외부에서 HTML 문서에 CSS 파일 등을 가지고 와서 사용하는 태그 속성 rel relationship의 약자 외부에서 가져올 문서와 현재 문서와의 관계 지정 필수 속성 값은 LINK TYPES 지정(stylesheet, icon 등) href 링크된 리소스의 URL 지정 절대적 / 상대적 지정 hreflang 링크된 리소스의 언어 지정 순수히 조언, 굳이 명시하지 않아도 HTML 최상의 상단에 lang 따름 ※ LINK 문서 : https://developer.mozilla.org/ko/docs/Web/HTML/Element/link STYLE 태그 문서나 문서 일부에 대한 스타일 정보를 포함하는 태그 기본적으로 head 태그 내에 작성, body 태그 내에 작성 가능하나 HTML이 브..
2019.11.24 -
메타데이터 - META 태그
META 웹 페이지 정보, HTML 문서(웹페이지)에 관한 정보(표시 방식, 제작자(소유자), 내용, 키워드 등)를 검색엔진이나 브라우저에 제공 속성 의미 값 charset 문자인코딩 방식 UTF-8, EUC-KR 등 name 검색엔진 등 제공하기 위한 정보의 종류(메타 데이터) Author, description, keywords, viewport 등 content name 이나 http-equip 속성의 값을 제공 ※ META 태그 문서 HTML 요소 레퍼런스 MDN : https://developer.mozilla.org/ko/docs/Web/HTML/Element 속성 charset 문자 인코딩 방식 UTF-8 : 조합형(ㅈ ㅏ ㅂ ㅏ ㅅ ㅡ ㅋ ㅡ ㄹ ㅣ ㅂ ㅌ ㅡ) EUC-KR : 완성형(자 ..
2019.11.24 -
HTML 구조
기본 구조 문서의 구조 HTML(전체 범위) 은 HTML 문서의 전체 범위를 지정 DOCTYPE(DTD, 버전 지정) DOCTYPE(DTD, Document Type Definition)은 마크업 언어에서 문서 형식을 의미 웹 브라우저에 우리가 제공할 HTML 문서를 어떤 HTML 버전의 해석 방식으로 구조화하면 되는지를 알려줌. (HTML은 크게 1, 2, 3, 4, X-, 5 버전이 존재) 사용 예)
2019.11.24