플로우 콘텐츠 (Flow content)
웹 페이지의 대부분을 구성하며, 텍스트, 태그, 섹션 요소 등이 포함됨.
(페이지에 실제로 보이는 대부분의 것)
거의 모든 태그
Name
Primary
설명
Primary
콘텐츠의 제목과 계층 구조를 나타냄. 브라우저 통일성 위해 스타일링 재정의 하는게 일반적
-
h1은 전체 페이지의 제목이라 page.tsx 에서 쓰고,
- 일반적으로 컴포넌트들을 작성할 땐 h2부터 씀.Primary
의미 없는 인라인 컨테이너로, 스타일링이나 속성 적용을 위해 사용
- 단순히 묶어서 이 부분만 속성 다르게 지정할 때
- 단어, 구, 또는 작은 텍스트 등 짧은 텍스트 조각을 감쌀 때도 쓰임. (태그 등)
Primary
body 안의 문서의 주요 콘텐츠. 페이지당 하나 지정하기
작성 다 하고 페이지 기준 핵심 콘텐츠를 main으로 감싸면 됨.
페이지를 조립하는
page.tsx나 최상위 레이아웃 파일에서 전체 콘텐츠 중 지배적인 부분에만 <main>을 지정Primary
전체 페이지나, 섹션의 제목을 나타낼 때 사용.
페이지나 섹션의 머리말(로고, 회사명,
검색기능, 네비게이션 등 포함).
= website banner랑 같은 롤Primary
descrioption list
용어, 질답 등에 용이함
<dl>: 설명 목록.
<dt>: 설명할 타이틀.
<dd>: 설명할 내용.Primary
연락처, 이메일, 저자나 관련단체의 정보
(저작권 관련 내용은 footer가 적합)
회사 정보와 같이 전역의 연락처는 footer 내부에 address가 들어가는게 일반적
code - 코드
pre - 여러줄, 공백포함
var - 변수 특별하게,
kbd - 사용자가 눌러야 하는 키입력 표시
samp - 출력 샘플 제공정량적인 값이 주어진 범위 내에서 어디에 해당하는지
”
사용량” 으로 보면 됨. (low 보다 낮아야 정상으로 간주)
위험범위, 이상범위 등 색상 다르게 표현도 가능
(CPU 사용량, 배터리량, 온도값 등)여러가지 컨트롤 요소의 집합
관련 있는 폼 요소들을 그룹화할 때 사용
(라디오 버튼을 모아서 그룹핑, 개인정보 입력부분 묶기, 주소정보 입력부분 묶기 등)