article 태그, 사용하고 나면 시맨틱 태그인 P(문단)와 비슷한 느낌이 듭니다.
는 기사 이외의 콘텐츠를 정의합니다(기사의 사이드바로 사용할 수 있음).
html 태그에는 여러 카테고리가 있으며, 그 중 하나는 가장 일반적으로 사용되는 div와 같은 웹 페이지 레이아웃 태그입니다.
이전의 전통적인 웹 페이지 레이아웃(테이블 레이아웃)은 잠시 접어두고 현재 웹 페이지 레이아웃인 div+css에 대해 이야기해 보겠습니다.
예를 들어, 행 1개와 열 2개로 가장 간단한 웹 페이지를 만들고 싶다면 외부 레이어는 div 컨테이너이고 내부에는 두 개의 div가 있습니다. 왼쪽은 탐색 메뉴이고 오른쪽은 콘텐츠입니다. 웹 페이지 레이아웃을 구현하려면 CSS를 사용해야 합니다. 위치 지정을 용이하게 하려면 div에 대한 ID 또는 클래스를 설정해야 합니다.
외부 컨테이너 div: id="wrap", 내부 왼쪽 div: id="aside", 내부 오른쪽 div: id="article".
div1 및 div2 대신 왼쪽 탐색 ID를 따로 설정해야 하는 이유는 무엇입니까?
side는 div에 의미를 부여하기 때문에
Article과 Aside는 div와 동일하며 태그 이름이 다른 것을 제외하고 다른 기능적 의미는 기본적으로 동일합니다. Article과 Aside에는 특별한 스타일이 없습니다. , 마우스 클릭도 아닙니다. 옆 태그를 추가하면 어떤 특수 효과가 나타날까요?
단순한 태그이기 때문입니다. 기능은 div의 기능과 완전히 동일하므로 html5가 불필요한 길이를 사용하여 여러 개의 중복된 "div"를 생성하는 이유는 무엇입니까?
존재하는 것은 무엇이든 합리적이라는 말이 있습니다.
많은 웹사이트 레이아웃이 반복되기 때문에 전 세계 많은 웹사이트에는 왼쪽에 탐색 기능이 있고 오른쪽에 텍스트 콘텐츠가 있습니다. 그런 다음 CSS 레이아웃을 사용하려면 html5에서 몇 가지 인간화된 레이아웃을 추가했습니다. . 태그를 사용하여 개발자의 개발을 단순화합니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
