반응형 시맨틱 태그2 HTML | 헤더 섹션 설계 : 헤더 (<header> 태그), 내비게이션 링크 (<a href="/">) ⭕ HTML | 헤더 섹션 설계 : 헤더 ( 태그), 내비게이션 링크 ()➡️ 헤더 ( 태그)시맨틱 태그의 일부로서, 웹 페이지 상단에 위치함주로 로고, 내비게이션 링크, 검색창 등 주요 정보를 그룹화함기능을 수행하기보다는 구조적인 의미를 가지는 역활 ➡️ 내비게이션 링크 ()사용자가 클릭 시 메인 페이지로 이동하는 절대 경로를 제공함서브 메뉴 구성: 태그로 묶인 요소들이 각각의 메뉴 항목을 나타내며, 기능이 완성되기 전까지는 로 설정하여 어떠한 동작도 하지 않도록 함구분선 (::before 사용): 메뉴 항목 간에 시각적으로 구분선을 추가함 ➡️ 검색창를 사용하여 사용자 입력을 사용함사용자가 입력 필드에 포커스를 맞췄을 때 테두리가 변경되도록 border 속성을 사용하여 시각적으로 구분되게 함 2024. 5. 16. 카카오테크캠퍼스 2기 | 2주차(24-04-15 ~ 24-04-21) 회고 ⭕ 카카오테크캠퍼스 2기 | 2주차(24-04-15 ~ 24-04-21) 회고아직 기초 단계라 큰 어려움은 없었습니다. 하지만 정처기 준비로 바빴기 때문에, 빠르게 진도를 나갈 수 있었으면 좋았을 텐데 아쉬움이 남습니다. 하지만, 목표한 만큼 완수했습니다! ⭐ 빨리 어려움이 생겨 질문을 남겨보고 싶습니다. 채널에 공유되는 자료들은 실무자들에게 한번 더 필터링된 자료로, 큰 도움이 될 것이라고 생각하여 꼭 훑어보려고 합니다. 🍪HTML을 학습하면서 깨달은 중요한 점은, (CSS 개발 전에는) 문서가 시각적으로 예쁘게 보이는 것보다는 구조를 이해하는 것이 훨씬 중요하다는 것입니다. 또한, 자연스럽게 사용자에게 보이는 body 영역에 집중하는 경우가 많지만, head 영역에 있는 내용 역시 중요하므로 이를 .. 2024. 4. 22. 이전 1 다음 반응형
