HTML에서 일반적으로 사용되는 구조 요소는 무엇입니까?-프런트엔드 Q&A-php.cn

HTML에서 일반적으로 사용되는 구조 요소는 다음과 같습니다. 1. 문서의 파티션이나 섹션을 정의할 수 있고 HTML 문서의 블록 수준 콘텐츠에 대한 구조와 배경을 제공하는 데 사용되는 div 2. 콘텐츠를 나타내는 섹션 3. 기사는 독립적으로 할당 가능하거나 재사용 가능한 구조로 의도된 문서, 페이지, 응용 프로그램 또는 웹 사이트의 독립적인 구조를 나타냅니다. 5. 헤더는 페이지 헤더 또는 블록 헤더를 의미합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

블록 요소라고도 알려진 구조 요소는 블록의 내용 범위를 정의하는 데 사용되는 요소입니다. 이전에는

블록 요소가 하나만 있었습니다. HTML5에는 , , , , 를 포함한 7개의 새로운 의미 구조 요소가 추가되었습니다. ;, html에서 일반적으로 사용되는 구조적 요소

div elements

div 요소는 큰 블록(블록 수준) 콘텐츠를 만드는 데 사용되며 구조와 컨텍스트의 요소를 제공합니다.

는 문서의 구분 또는 섹션(구분/섹션)을 정의할 수 있습니다.

태그는 문서를 독립적인 부분으로 나눌 수 있습니다. 엄격한 구성 도구로 사용할 수 있으며 이와 관련된 서식을 사용하지 않습니다.

에 ID나 클래스를 표시하면 태그가 더욱 효과적입니다. 참고:

는 블록 수준 요소입니다. 즉, 브라우저는 일반적으로 div 요소 앞과 뒤에 줄 바꿈을 배치합니다. 팁: 스타일을 사용하여 형식을 지정할 수 있도록

요소를 사용하여 블록 수준 요소를 그룹화하세요. section 요소

Section 요소( )는 문서의 영역(또는 섹션)을 나타내며 블록 수준 공통 요소입니다. 예를 들어 콘텐츠의 주제 그룹에는 일반적으로 제목이 포함됩니다. 일반적으로 각

[참고] 요소 콘텐츠를 여러 부분으로 나눌 수 있는 경우 일반 컨테이너입니다. 이것이 를 사용하는 방법입니다. 일반적으로 은 문서 개요에 나타나야 합니다. article 요소

요소는 독립적으로 할당할 수 있거나 재사용 가능한 구조. 이는 포럼 게시물, 잡지 또는 뉴스 기사, 블로그, 사용자가 제출한 댓글, 대화형 구성 요소 또는 기타 독립적인 콘텐츠 항목일 수 있습니다. 요소가 중첩되어 사용되는 경우 해당 요소는 외부 요소와 관련된 기사를 나타냅니다. 예를 들어, 블로그 댓글을 나타내는 요소는 블로그 게시물을 나타내는 요소 내에 중첩될 수 있습니다. 그러나 중첩에서는 작동하지 않습니다. 요소의 게시 날짜와 시간은 요소의 pubdate 속성으로 표시될 수 있습니다. 및 에는 제목에

aside 요소를 추가해야 합니다.

요소는 페이지의 나머지 내용과 거의 관련이 없는 부분을 나타내는 것으로 간주됩니다. 콘텐츠의 독립된 부분을 분리하여 전체에 영향을 주지 않고 분리할 수 있습니다. 일반적으로 콘텐츠와 직접적으로 관련되지 않은 사이드바를 나타내는 데 사용됩니다. 의 콘텐츠는 관련 콘텐츠와 별개입니다. 둘 중 하나라도 없으면 해당 텍스트의 의미를 이해하는 데 영향을 미치지 않습니다. 기사의 광고, 관련 배경 및 인용 콘텐츠 등

nav 요소

HTML 탐색 표시줄( )은 여러 하이퍼링크가 포함된 영역을 나타냅니다. 이 영역에는 다른 페이지 또는 페이지 내 링크가 포함되어 있습니다. . 다른 부분의 링크 목록 모든 링크가 요소를 사용해야 하는 것은 아닙니다. 예를 들어 링크 목록 추가

웹 페이지에는 여러 개의 요소가 포함될 수도 있습니다. 예를 들어 하나는 웹 사이트 내의 탐색 목록이고 다른 하나는 이 페이지 내의 탐색 목록입니다

header 요소

요소는 소개 콘텐츠와 블록의 보조 탐색을 함께 그룹화하는 데 사용되는 페이지 헤더 또는 블록 헤더를 나타내므로 블록의 제목 요소와 기타 소개 콘텐츠( 카탈로그)가 포함될 수 있습니다. , 로고 등) [참고] 및 요소는 섹션 콘텐츠가 아니므로 개요에 새 섹션이 도입되지 않습니다.

[참고] 요소 내의 작성자 정보는 설명: 苹果首页 Apple Mac iPad iPhone Watch Music 技术支持 搜索 购物袋 展示1 展示2 展示3 展示4 按钮1 按钮2 按钮3 按钮4 Watch Pencil iPad MacBook 选购及了解 商店 应用 账户 关于 其他杂项 로그인 후 복사

설명: main

은 일반적으로 사용되지 않습니다. 주된 이유는 IE 브라우저가 이를 지원하지 않기 때문입니다. body> 또는 애플리케이션의 주요 부분입니다. 주요 부분은 문서와 직접적으로 관련되거나 문서의 중심 주제 또는 애플리케이션의 주요 기능 부분으로 확장되는 콘텐츠로 구성됩니다. 콘텐츠의 이 부분은 문서에서 고유해야 하며 일련의 문서에서 반복되는 콘텐츠를 포함하지 않아야 합니다. , , , 또는 . 하나의 문서에 하나 이상의 태그가 나타날 수 없습니다 따라서 일반적인 가장 바깥쪽 레이아웃은 다음과 같습니다 로그인 후 복사