- 시맨틱 요소

• <article> : 독립적이고 자체 포함된 콘텐츠를 지정합니다.
• <aside> : 본문의 주요 부분을 표시하고 남은 부분을 설명하는 요소입니다. 특별한 일이 아니면 사이드바나 광고창 등 중요하지 않은 부분에 사용됩니다.
• <footer> : 일반적으로 페이지나 해당 파트의 가장 아랫부분에 위치하며, 사이트의 라이선스, 주소, 연락처 등을 넣을 때 사용합니다.
• <header> : 일반적으로 페이지나 해당 섹션의 가장 윗부분에 위치하며, 사이트의 제목이 보통 들어갑니다. 선택적으로 상단바나 검색창 등이 안에 들어갈 수 있습니다.
• <nav> : 내비게이션(navigation)의 약자로, 일반적으로 상단바 등 사이트를 안내하는 요소에 사용됩니다. 보통은 안에 <ul>을 넣어 목록 형태로 사용합니다.
• <main> : 문서의 주된 콘텐츠를 표시합니다.

다른 HTML 요소와 마찬가지로, 시맨틱 요소와 의미를 모두 암기하고 있을 필요는 없습니다. 필요할 때 검색해서 사용할 수 있을 정도면 충분합니다. 관련된 내용을 추가적으로 학습하고 싶다면 아래 레퍼런스를 참고하세요.

레퍼런스: 나무위키: HTML/태그, MDN:Sementics, w3School:HTML Semantic Elements

HTML Semantic Elements

 

 

 

<input> 요소, <button> 요소 등의 자식 요소를 감싸는 용도로 <form> 요소를 사용했을 때의 특징으로 옳지 않은 것을 고르세요.

<form> 요소는 일반적으로 사용자가 입력한 값을 다른 페이지로 전송하는 역할을 합니다. 예를 들어 로그인 시 <form> 요소를 사용하여 <input> 요소, <button> 요소 등의 자식 요소를 감싸는 경우에 자주 사용됩니다. 목적이 명확하므로, 단순히 영역을 나누기 위해 사용하는 <div> 요소보다는 더 sementic한 요소 사용이라고 할 수 있습니다. 단, 페이지 전환이 되는 액션이 발생할 수 있으므로, 주의가 필요합니다. 따라서 정답은 C입니다.