nav
nav 태그는 HTML5에서 추가된 태그로, 웹 페이지의 내비게이션 요소를 그룹화하는 데 사용됩니다. nav 태그는 일반적으로 웹 사이트의 메뉴, 하이퍼링크 또는 검색 폼과 같은 기능을 포함한 다른 요소들을 묶어서 표시하는 데 사용됩니다. 이를 통해 웹 페이지에서 메인 내용과 분리된 형태로 웹사이트 내의 다른 섹션들에 쉽게 접근할 수 있게 됩니다. -chatGPT
img
속성
alt
img 태그의 alt 속성은 이미지가 로드되지 않은 경우, 스크린 리더 등 텍스트 기반의 브라우저에서 이미지 대신 표시할 대체 텍스트를 지정합니다. 또한, 검색 엔진에서 이미지를 인식하는 데도 도움이 됩니다. 또한, 시각 장애인이나 저시력자가 웹 페이지를 이용하는 경우에도 이미지를 이해할 수 있도록 대체 텍스트가 제공되어야 합니다 -chatGPT
src
이미지 경로
width, height
이미지의 가로, 세로 크기를 지정할 수 있음
header
HTML에서 header 태그는 문서 상단에 위치하여 웹 페이지나 애플리케이션의 머리말 부분을 정의하는 태그입니다. header 태그는 페이지 제목, 로고, 검색 폼, 메뉴 등과 같은 콘텐츠를 담을 수 있습니다.
section
section 태그는 HTML5에서 도입된 요소로서, 문서 내에서 특정한 섹션을 정의하는 데 사용됩니다. 이 태그를 사용하면 웹 페이지를 논리적으로 분할하고 구성할 수 있습니다.
section 요소는 일반적으로 웹 페이지의 콘텐츠를 분리하여 각각의 의미 있는 부분으로 표현하는 데 사용됩니다. 이는 웹 페이지의 가독성과 유지보수성을 향상시키는 데 도움이 됩니다. 예를 들어, 웹 페이지의 헤더, 내용, 사이드바, 푸터 등을 section 요소로 나눌 수 있습니다.
-chatGPT
예시
<section>
<h2>제목</h2>
<p>내용</p>
</section>main
main 태그는 HTML 문서의 주요 컨텐츠를 정의하는 데 사용됩니다. 이 태그는 한 문서에 하나의main 요소만 포함할 수 있으며, 문서의 주요 컨텐츠 영역을 감싸는 역할을 합니다.
일반적으로 main 태그는 웹 페이지의 핵심 내용이 위치하는 부분으로 사용됩니다. 예를 들어, 블로그 게시물의 본문, 뉴스 기사의 내용, 웹 애플리케이션의 주요 컨텐츠 등을 main 태그 안에 배치할 수 있습니다.
main 태그는 웹 접근성에도 도움이 됩니다. 스크린 리더 및 기타 보조 기술은 주요 컨텐츠 영역으로 마크된 main 태그를 인식하고, 사용자에게 중요한 내용을 전달하는 데 도움을 줍니다.
-chatGPT
공백을 나타내기 위한 특수 문자이다. html에서는 띄어쓰기를 여러번 해도 한 번으로 받아들이기 때문에 공백을 나타내기 위해서는 특수문자를 사용한다.
