DH의 개발 공부로그 DH의 개발 공부로그

시맨틱 마크업 Semantic Markup 시맨틱(Semantic)이란 ‘의미론적인’의 뜻을 가지고, 마크업(Markup)이란 HTML 태그로 문서를 작성하는 것을 말합니다. 즉 시맨틱 마크업은 작업에 있어서 태그들이 의미를 잘 전달 할 수 있도록 문서를 작성하는 것을 말합니다. html5에 시맨틱 웹을 위해 관련 태그들이 제공됩니다. 시맨틱 웹을 위한 태그 설명 header 말그대로 문서의 헤더영역을 의미합니다. 페이지의 머리글, 제목, 로고, 메뉴, 검색 관련, 유틸, 작성자의 이름 등등으로 구성합니다. nav 페이지의 내비게이션 영역. (사이트 내, 외부로 이동). 메뉴, 목차, 색인 등등 main 메인 컨텐츠 영역. 문서 내에서 *반드시* 한 번만 사용합니다. 다른 header, footer, n..

제목 태그 h1, h2, h3, h4, h5, h6 일단, h는 heading의 약자로 html문서의 제목이나 부제목 등을 나타낼 때 사용이 됩니다. 6단계로 수준을 나눌 수 가 있으며, 제목 숫자가 낮은 h1이 가장 높은 레벨의 태그입니다. 폰트 사이즈의 차이가 존재하는데 현업에서는 웹브라우저의 호환성을 위해, 태그에 표현 서식을 모두 삭제하고 css 스타일에서 별도로 적용을 해서 사용을 합니다. 텍스트의 문단을 정의하는 요소입니다. p는 블록 요소이며 여러 문단을 나누어 줍니다. ↓ HTML 삽입 미리보기할 수 없는 소스 줄바꿈 태그 br br 태그는 텍스트안에 줄바꿈을 해주는 태그로, 빈 요소이며 열린 태그로 종료태그가 존재하지 않습니다. br태그는 인위적인 여백을 만들기 위해 사용하지 않으며 꼭 ..

HTML이란? HTML(HyperText Markup Language)은 HTML은 프로그래밍 언어는 아니고, 컨텐츠의 구조를 정의하는 마크업 언어입니다. 웹을 이루는 가장 기초적인 구성 요소로, 웹 콘텐츠의 의미와 구조를 정의할 때 사용합니다. HTML5 기본 템플릿 이해하기