본문 바로가기

h1~h68

h1 ~ h6 태그는 각 섹션의 제목을 설정합니다. Reference/HTML ~ 태그는 각 섹션의 제목을 설정합니다. by @webs 2022. 11. 17. ~ ~ 태그는 각 섹션의 제목을 설정합니다. 6단계로 구분하여, 작성하며 순차적으로 작성합니다. 제목 요소는 문서에서 가장 중요한 제목을 설정하며, 보통 한번만 작성합니다. ~ 요소는 단계별로 폰트 사이트와 굵기가 설정되어 있습니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML4 시각적 표현 볼드체 및 글씨 크기 사이즈 사용성 ★★★★★ 정의(Definition) ~ 태그는 각 섹션의 제목을 6단계로 설정합니다. 태그는 가장 높은 단계의 제목이며, 태그는 가장 낮은 단계의 제목입니다. ~ 태그는 글씨 크기를 위해 사용하지 않습니다. 글씨 크기는 CSS의 fo.. 2022. 11. 17.
address 태그는 문서 관련 연락처 콘텐츠 영역을 설정합니다. Reference/HTML 태그는 문서 관련 연락처 콘텐츠 영역을 설정합니다. by @webs 2022. 11. 15. 태그는 문서 관련 연락처 콘텐츠 영역을 설정합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML4 시각적 표현 기울임꼴 사용성 ★★★☆☆ 정의(Definition) 태그는 사이트 주소, 전화번호, 이메일, 소설미디어, 위치 등을 표시합니다. 태그는 회사 정보, 회사 이름, 회사 주소 등과 관련된 정보를 표시합니다. 태그는 , , , 등 연락처 정보가 필요한 곳에 사용할 수 있습니다. 태그는 연락처와 관련 없는 내용이라면 태그를 사용합니다. 태그는 연락처 정보 보다 더 광범위한 정보를 포함 할 수 없습니다.(시간을 나타내는 time 태그등) 태그는 .. 2022. 11. 17.
footer 태그는 문서 관련 정보 및 관련 링크 콘텐츠 영역을 설정합니다. Reference/HTML 태그는 문서 관련 정보 및 관련 링크 콘텐츠 영역을 설정합니다. by @webs 2022. 11. 15. 태그는 문서 관련 정보 및 관련 링크 콘텐츠 영역을 설정합니다. 사이트와 관련된 정보, 저작권, 연락처, 사이트 맵, 관련된 문서 링크 등을 제공합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML5 시각적 표현 없음 사용성 ★★★★☆ 정의(Definition) 태그는 문서 관련 정보 및 관련 링크 콘텐츠 영역을 설정합니다. 태그는 사이트와 관련된 정보, 저작권, 연락처, 사이트 맵, 관련된 문서 링크를 제공합니다. 태그는 연락처 정보를 설정하는 요소가 포함 될 수 있습니다. 섹션과 관련된 태그 태그는 주제별 그룹의 콘텐츠 섹션을 설정.. 2022. 11. 15.
header 태그는 문서의 소개 및 메뉴 그룹 컨텐츠 섹션을 설정합니다. Reference/HTML 헤더 영역 주제별 영역 내용 독립된 주제 영역 내용 사이드 영역 내용 푸터 영역 호환성(Compatibility) 6 7 8 9 10 11 ○ ○ ○ ○ ○ ❌ ❌ ❌ ○ ○ ○ ○ ○ ○ 참고(Reference) https://html.spec.whatwg.org/multipage/sections.html#the-header-element 2022. 11. 15.
aside 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다. Reference/HTML 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다. by @webs 2022. 11. 15. 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다. 웹 페이지의 메인 콘텐츠와 관련된 사이드의 정보, 광고 등 부분적인 정보를 나타낼 때 사용합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML5 시각적 표현 없음 사용성 ★★★★☆ 정의(Definition) 태그는 주요 콘텐츠의 보조적 컨텐츠 섹션을 설정합니다. 태그는 웹 페이지의 메인 콘텐츠와 관련된 사이드의 정보, 광고 등 부분적인 정보를 나타낼 때 사용합니다. 섹션과 관련된 태그(Section Related Tag) 태그는 문서의 주요 콘텐츠 영역을 설정합니다. 태그는 주제별 그룹의 .. 2022. 11. 15.
article 태그는 문서의 독립적인 컨텐츠 섹션을 설정합니다. Reference/HTML 태그는 문서의 독립적인 컨텐츠 섹션을 설정합니다. by @webs 2022. 11. 15. 태그는 문서의 독립적인 컨텐츠 섹션을 설정합니다. 포럼, 신문기사, 잡지, 블러그 항목, 게시판 글 등 콘텐츠의 독립적인 항목을 나타낼 때 사용하며, 각각의 주제마다 제목도 표시해야 합니다. 태그는 하나의 주제를 나타낸다면, 은 주제를 묶는 독립적인 콘텐츠를 나타내지만, 요소 안에 요소가 올 수 있으며, 요소 안에도 요소가 올 수 있습니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML5 시각적 표현 없음 사용성 ★★★★☆ 정의(Definition) 태그는 사이트의 독립적인 컨텐츠 섹션을 설정합니다. 태그는 포럼, 신문기사, 잡지, 블러그 항목, 게시.. 2022. 11. 15.
section 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다. Reference/HTML section 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다. by @webs 2022. 11. 14. 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다. 주제별로 제목 요소를 사용하는 것이 좋으며, 문서의 스타일링 요소나, 그룹화 요소가 아닙니다. 스타일 지정 목적이나 그룹화가 필요하다면 태그를 사용합니다. 주요 콘텐츠와 단독으로 콘텐츠를 표현하고 싶다면, , , 요소를 사용하는 것이 적절합니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML5 시각적 표현 없음 사용성 ★★★★☆ 정의(Definition) 태그는 주제별 그룹의 콘텐츠 섹션을 설정합니다. 태그는 식별할 수단이 필요하기 때문에 제목을( ~ )을 설정하는 것을 추천합니다. 태그는 .. 2022. 11. 15.
main 태그는 문서의 주요 콘텐츠 영역을 설정합니다. Reference/HTML 태그는 문서의 주요 콘텐츠 영역을 설정합니다. by @webs 2022. 11. 14. 태그는 문서의 주요 콘텐츠 영역을 설정합니다. 웹 문서의 핵심이 될 수 있는 내용을 포함하며, 문서에서 한번만 사용이 가능합니다. 개념적 요소의 섹션이기보다는 영역을 표현하기 위한 태그입니다. 그렇기 때문에 DOM 구조에 영향을 미치지 않으며, 정보 제공용을 위한 요소입니다. 특징 설명 요소 블록 요소(Block Element) 닫는 태그 적용 버전 HTML5 시각적 표현 없음 사용성 ★★★☆☆ 정의(Definition) 태그는 문서의 주요 콘텐츠 영역을 설정합니다. 태그는 문서의 핵심이 되는 내용을 포함하고 있으며, 사이드 메뉴, 네비게이션 링크, 로고 영역, 검색 영역 등 반복되는 영역은.. 2022. 11. 14.