# nav

JS Mini projects - Rotating Navigation Animation
왼쪽 상단 nav 클릭시 -> 클래스 추가 및 삭제 -> hide showcontainer 와 nav 로 구성,container에 배경색을 하얀색으로 해주고, body 배경색을 회색으로 해놓음 container에 show-nav시 회전효과를 줘서 가려진 nav바를 보여

semantic image semantic image semantic image semantic image semantic imagesemantic image semantic imagesemantic image semantic

🧙🏼 HTML 구조를 나타내는 요소
: 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함): 본질적으로 아무것도 나타내지 않음 : 인라인 컨테이너 : 인라인 레벨 요소 : 본질적으로 아무것도 나타내지 않음 : 어떤 특성의 값을 서로 공유하는
css 셀렉터 활용하여 코드 양 줄이기
cleal:both 속성이 적용되면 margin속성이 마음대로 적용이되지 않는다. 그럴 땐 float다음 나오는 태그 사이에 div박스를 하나더 만들어 cleal:both 속성을 주고 그 다음 태그에 margin을 주게 되면 원하는 데로 margin을 얻을 수 있다.H
시맨틱 웹/태그
'semantic'이란 의미론적인 뜻을 가지며 마크업은 HTML문서 태그로 문서를 작성하는 것을 말한다.검색 엔진은 시맨틱 마크업을 분석하여 페이지의 검색 랭킹에 영향을 줄 수 있는 중요한 키워드로 간주하여 SEO(Search Engine Optimize)에 영향을준다

웹사이트 만들기 #01
출처 : 드림코딩 by 엘리flexboxFlex 컨테이너(부모 요소) 내부에 Flex 아이템(자식요소) 넣기display: flex; 부모요소에 display: flex;를 작성한 상태에서 추가 속성을 넣으면요소의 정렬 상태를 다양하게 변경할 수있다. 수평정렬flex-
React Bootstrap Nav.Link
부트스트랩을 이용하여 페이지를 작성중에<Nav.Link>를 쓰는 상황이 있는데<Nav.Link>와 <Link>는 일종의 <a>태그입니다.그래서 <a>태그 안에 <a>태그가 있다는 warning이 뜨는데...이렇게 바꿔 주시면 됩니다.

[TIL-html] Semantic HTML-2
note: HTML문서 내 여러 header 요소를 가질 순 있지만 header안에 footer나 address, 또 다른 header를 넣을 수는 없는 것으로 보인다. 쉽게 HTML(header1, header2, section, footer..)이런식의 구조는 괜찮

HTML | Semantic Web, Semantic Tags + <img>, <background-image>
Semantic Web 의미: 의미론적인 웹 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’ 을 가지는 거대한 데이터베이스로 구축하고자 하는 발상 Semantic Tags Sementic Web을 구현하기 위한 의미를 가진 태그들
HTML SementicTag 종류
Sementic 태그 레이아웃만을 위해 사용되는 태그이다. 태그자체에는 큰 의미가있지는 않다. 기능은 DIV하고 같다. header태그 (sementic 태그1) 보통 위에 어느페이지에서나 보여줘야할 부분 ex)로고 같은데에서 사용한다. nav태그 (sementic 태그2) 쉽게 생각하면 네비바라고 생각하면 된다. aside태그 (sementic ...