HTML5 텍스트 구성 방법 - 머리 및 몸 섹션으로 필수 분할을 넘어서

머리 부분과 본문 부분으로 의무적으로 나눌 수있는 것 외에도 HTML 문서 본문의 텍스트는 여러 가지 방법으로 구성 될 수 있습니다.

크레딧: © iStockphoto. com / Chimpinski

문서 헤드

이 섹션에서는 제목을 포함하여 모든 종류의 레이블과 정보를 정의 할 수 있습니다. 이러한 정의는 사용하는 문자 세트, 검색 엔진 및 페이지 설명에 대한 메타 데이터, 페이지를 전달하는 웹 서버에 대한 지침, 기본 스타일 시트, 페이지 새로 고침 동작 등을 비롯하여 뒤 따르는 문서를 설명하는 데 도움이됩니다.

(참고: 메타 데이터는 글자 그대로 데이터에 관한 데이터를 의미합니다.이 경우 HTML 요소에 대한 자세한 정보는, 다음 사이트를 방문하십시오:

• w3schools. com HTML 태그 페이지

• quackit. com HTML 5 태그 페이지

• W3C 작업 초안 HTML5: 웹 작성자 페이지 용

이 섹션은 실제 내용이 HTML 문서에 있으며 HTML 요소 및 마크 업의 대부분이 나타나는 곳입니다.

문서 제목

HTML의 표제는 일반적으로

에서

까지의 요소를 사용하여 표시됩니다. 이들은 HTML 문서와는 다르다.

텍스트 컨테이너

HTML의 단락 (

) 요소는 아마도 가장 잘 알려진 텍스트 컨테이너이지만, HTML은 모든 종류의 다른 텍스트 컨테이너도 지원합니다. 그 밖의 요소는 다음과 같습니다 (알파벳 순서):

• : 기사, 독립 실행 형 콘텐츠 조각을 나타냅니다.

• : 독보적 인 서라운드 콘텐츠와 관련된 콘텐츠를 나타냅니다.

• : HTML 문서의 네비게이션 섹션을 선언합니다. 이 요소는 대개 주요 사이트 구성 요소에 액세스하기 위해 탭, 단추 또는 링크 용으로 예약되어 있습니다.

• : 웹 페이지 상단에 표준 콘텐츠 또는 정보를 표시합니다 (배너, 탐색 보조 도구, 공유 텍스트 등).

• : 웹 페이지의 하단에 표준 콘텐츠 또는 정보를 표시합니다 (저작권 표시, 마이너 탐색, 피드백 요청 등). 에는 단락이나 다른 텍스트 컨테이너에서 텍스트를 강조하거나 식별하는 모든 종류의 방법이 포함됩니다.

목록

HTML은 글 머리 기호 (정렬되지 않은) 목록, 번호 매기기 (순서가 지정된) 목록 및 정의 목록 (용어 및 설명 포함)을 포함하여 다양한 종류의 목록을 쉽게 정의 할 수 있도록 지원합니다. 목록 내의 목록을 중첩하여 필요한만큼 많은 계층 구조를 만들 수 있습니다.목록을 중첩하는 것은 복잡한 주제의 윤곽을 그리거나 여러 제목 수준의 목차를 모델링 할 때 특히 유용합니다.

표

다양한 목록 메커니즘 외에도 HTML에는 표 정의를위한 마크 업이 포함됩니다. 테이블은 복잡한 페이지 레이아웃을 관리하는 데있어 1990 년대에 인기가있었습니다. 오늘날 그들은 주로 정보 테이블을 위해 사용됩니다. 구조는 마크 업의 작동 방식의 일부이므로 HTML 표의 정의 내에서

열 머리글, 표 데이터 및 표 바닥 글 또는 주석을 구별 할 수 있습니다.

• 그룹 및 조직을 위해 행 또는 열을 확장 할 수있는 컨트롤을 사용하여 행과 열의 정의 방법을 관리합니다.

• 캐스 캐이 딩 스타일 시트 (CSS) 마크 업

CSS 마크 업은 개별 스타일 시트 문서, HTML 문서 내부의 텍스트 블록, 문서 본문 내의 개별 HTML 요소에 대한 스타일 속성 또는 일부에서 발생할 수 있습니다 세 가지 형태의 조합.

CSS는 글꼴 선택, 텍스트 및 배경에 대한 색상 사용, 페이지에서 텍스트 및 기타 요소의 위치 지정, 오래된 Ronco 광고 인텔리전스와 같은 훨씬 많은 기능을 제공합니다.

CSS를 사용하지 않고 웹 사이트를 구축 할 수 있지만 (CSS를 사용하려면 더 많은 작업이 필요함) 모양과 레이아웃을 정밀하게 제어하기위한 올바른 도구입니다. 추천!