HTML 5의 새로운 구조 태그에 관한 글입니다.
HTML 5의 새로운 구조 태그에 대한 글입니다.
저자 소개
.웹 프론트 엔드 기술에 중점을 두는 일반인을 생각해 보십시오.
HTML의 페이지 구조는 이렇습니다. 주석 없이도 아름다움을 한눈에 볼 수 있습니다. 브라우저의 경우 해당 블록을 찾는 것이 더 이상 손실되지 않습니다.
HTML 5 새 태그를 사용하여 요소를 구성하는 방법
위의 예를 통해 HTML 5 새 태그의 구조적 혁신을 이해하지만 실제 사용에 있어서 적절하게 사용하는 방법은 무엇입니까? 이는 많은 HTML 5 학습자들이 묻고 싶어하는 질문이기도 하다고 생각합니다. XHTML 의미 체계와 마찬가지로 HTML 5 의미 체계 태그의 사용도 따라야 합니다. 각 태그에는 특정 의미가 있으며 의미 체계를 통해 적절한 위치에 적절한 태그를 사용하여 사람과 기계를 더 잘 이해할 수 있습니다. 브라우저나 검색엔진)을 통해 한눈에 이해할 수 있습니다. 예를 들어, 헤더 태그는 일반적으로 페이지의 주제 정보를 포함하는 페이지의 첫 번째 블록 요소입니다(헤더 태그는 기사 블록의 제목과 같은 유형 헤더 요소에도 사용될 수 있음). 일반적으로 탐색 정보를 래핑하는 데 사용됩니다. 바닥글은 일반적으로 페이지 하단 등의 정보를 래핑하는 데 사용됩니다.
다음은 HTML 5 매뉴얼을 참고하여 나열한 구조 클래스 중 일반적으로 사용되는 새로운 태그에 대한 의미 설명 및 사용 지침입니다.
수동 설명: 헤더를 정의합니다. 섹션이나 문서.
사용 지침: 일반적으로 페이지 헤더를 포함하는 데 사용되지만 기사 헤더와 같은 다른 영역 헤더에도 사용할 수 있습니다.
코드 복사
코드는 다음과 같습니다.
웹사이트 제목
웹사이트 자막 h1>태그
사용 지침: 기사 제목, 부제 등 제목 유형의 조합에 사용:
HTML 5 구조 태그
HTML의 혁신을 소개하는 글입니다. 5- HTML 5
- CSS
- JavaScript< /li>
태그
는 기사가 아닌 콘텐츠를 정의합니다. Aside의 내용은 기사의 내용과 관련이 있어야 합니다.
사용 가이드: 섹션화된 콘텐츠에 사용되며 일반적으로 기사 콘텐츠와 관련된 사이드바에 사용되는 문서 흐름에서 새 섹션을 시작합니다.
복사 code
저자 소개
Mr.Think는 웹 프론트엔드 기술에 주력하는 평범한 사람입니다.수동 설명: 문서에서 섹션을 정의합니다. 장, 머리글, 바닥글 또는 문서의 기타 부분 등입니다.
사용 지침: 섹션화된 콘텐츠에 사용되며 문서 흐름에서 새 섹션이 시작됩니다.
코드 복사
섹션이란 무엇인가요?
섹션 소개
섹션 소개
p>
...
일반적으로 작성자 이름, 문서 작성 날짜 및/또는 연락처 정보가 포함됩니다.
사용 지침: 일반적으로 전체 페이지의 공통 하단을 감싸는 데 사용되며 기사 하단 등 다른 영역의 하단에도 사용할 수 있습니다.
코드 복사
코드는 다음과 같습니다.
사용 가이드: 이름에서 알 수 있듯이 일반적으로 기사 블록에 사용됩니다.
코드 복사
코드
HTML 5 구조 태그를 소개하는 글입니다
HTML 5의 혁신
기사 내용 세부정보