<section>과 <article>의 구분

<section>과 <article>의 구분

일반적으로 연관성 있는 문서의 구획을 나누고자 할 때 사용한다. 독립적으로 구분하거나 재사용할 수 있는 구획을 나타낸다. 어떤 페이지에 붙여도 독립적으로 사용 가능하다면 article 요소를 고려해 볼 것 vs 오늘 수업에서 가장 충격적인 소식. 그동안 section을 나눌 때 div에 id 또는 class를 줬었는데 section, article, header, nav 모두 div로 대체할 수 없을 때 최후의 수단 으로 사용하는 것이었다. 앞으로는 section, article을 잘 구분해서 사용해야겠다. ✏️ section vs article section : 사이트 내 연관 콘텐츠 article : 독립적 콘텐츠 nav(네비게이션, 탐색)는 보통 메뉴에 사용된다. 네이버 다음 구글 보통 사이드바 혹..

  • format_list_bulleted HTML
  • · 2022. 10. 11.
  • textsms
step2 - 종합

step2 - 종합

Effect $(“p”).hide() $(“#test”).hide() $(“.test“).hide() $(this).hide() ​ Events click() dblclick() mouseenter() mouseleave() mousedown() mouseup() hover() focus() and blur() ​ Effect Hide/Show hide() hide() and show() toggle() hide() Fade fadeIn() fadeOut() fadeToggle() fadeTo() Slide slideDown() slideUp() slideToggle() Animate animate() animate() - manipulate multiple CSS properties animate() ..

  • format_list_bulleted jQuery/기본
  • · 2022. 6. 2.
  • textsms
따라하기 - 햄버거 메뉴 만들기

따라하기 - 햄버거 메뉴 만들기

따라하기 See the Pen 햄버거 메뉴 만들기 by JIWON CHOI (@jiwonch) on CodePen. 참고 사이트 https://designer-ej.tistory.com/entry/Navbar-%ED%96%84%EB%B2%84%EA%B1%B0-%EB%A9%94%EB%89%B4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%981-Html-CSS-JS [Navbar] 햄버거 메뉴 애니메이션1 - Html, CSS, JS ⭐햄버거 메뉴 애니메이션 1 2nd bar는 투명하게 사라지고, 1st, 3rd bar가 회전하며 X표시. See the Pen ExNKxGR by Eunji Jeon (@emcjrl) on CodePen. body { display: flex..

  • format_list_bulleted web_dev
  • · 2022. 6. 1.
  • textsms
따라하기 - 배경 눈 내리는 효과

따라하기 - 배경 눈 내리는 효과

연습 See the Pen Snow by JIWON CHOI (@jiwonch) on CodePen. 참고 사이트

  • format_list_bulleted web_dev
  • · 2022. 6. 1.
  • textsms