HTML 구조

정형화된 텍스트 Lorem ipsum dolor, sit amet consectetur adipisicing elit. Cupiditate fugiat beatae facere eos labore error dolorum non, corrupti odit ipsum maiores quos exercitationem repellendus delectus repellat quas pariatur vero impedit? Lorem ipsum dolor, sit a met consectetur adipisicing elit. Cupiditate fugiat beatae facere eos labore error dolorum non, corrupti odit ipsum maiores quos exercitat..

Logo menu Sub Menu Main Menu article title article contents article title article contents article title article contents footer : 구분해주는 구분선 태그.

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quia, velit vel repellendus modi perspiciatis doloremque temporibus numquam illo doloribus, rerum sit tempora reiciendis dicta ad laudantium ipsa excepturi quam esse. naver daum Lorem ipsum, dolor sit amet bbb Lorem ipsum, dolor sit amet italic Lorem ipsum, dolor sit amet small Lorem ipsum, dolor sit amet sup Lorem ipsum, dolor sit amet i..

Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Heading 1 Heading 3 Heading 1 Heading 3 Heading 2 ~ : 제목을 지정하는 태그. h1이 가장 크며 h6이 가장 작다. ctrl + / 로 지정한 범위의 코드들을 주석처리할 수 있다. heading 태그는 사용 표준이 있다. 각 h 태그의 가장 근접한 하위의 태그들을 스킵하고 다른 하위의 태그를 먼저 사용하면 올바르지 않다. 예 : h1 태그 다음 h2 태그를 스킵하고 h3 태그를 사용한 경우 또한 h 태그와 다른 하위 h 태그 사이에 더 작은 하위 h 태그를 사용하는 것은 틀린 것은 아니지만 애매하다고 볼 수 있다. 예 : h1 태그와 h2 태그 사이에 h3 ..

Logo menu Sub Menu Main Menu article title article contents article title article contents article title article contents footer 시멘틱 태그 : 의미를 부여한 태그. , , : 앞서 div 태그 안에 id 속성으로 일일히 구분값을 지정해준 경우가 있는데, 이는 복잡한 페이지의 경우일 수록 매우 비효율적인 작업이다. 따라서 시멘틱 태그는 태그 자체에 의미를 부여하여 설정하는 태그이다. header 태그는 상단에 들어갈 내용, main 태그는 본문의 중요한 메인 내용들이 들어갈 태그, footer 태그는 하단의 정보들을 포함하는 태그이다. : 사이드 메뉴를 지정하기 위한 태그. : 내용 중에서 또다른 섹션 ..