[html] a태그를 이용한 스크롤다운

안녕하세요. 플입니다. 오늘은 a태그를 이용해 스크롤 다운을 해볼게요. 1. 스크롤다운 스크롤 다운이라는 것은 간단히 말해 상단에서 특정 메뉴를 눌렀을 때 그 메뉴가 있는 곳으로 스크롤이 이동하는 것을 말합니다. 보통 세로로 긴 홈페이지에 많이 사용해요. 그리고 보통은 jQuery로 적용해주지만 오늘은 a태그를 이용해서 스크롤다운 기능을 만들어볼 거예요. 2. id 넣기 스크롤을 멈추게 하고 싶은 영역에 id를 만들어줍니다. class가 있더라도 추가로 넣어주셔도 상관없어요. class는 적용이 안되기 때문에 id로 꼭 넣어주셔야 합니다. 3. a태그에 적용 메뉴로 돌아와 a태그 href 부분에 #+id명을 적어줍니다. 그러면 끝입니다. 간단하죠? jQuery는 엄청 오래 걸리는데.. ㅠㅠ 다만 jQue..

coding/html + css · 2020. 5. 1. 07:30

[html] id / class 구분

안녕하세요. 플입니다. id와 class 속성은 어떤 점이 다를까요? 1. id id 속성은 identifier의 약자인데 '식별자'라는 뜻입니다. 식별을 위해서는 동일한 이름이 여러 개가 있으면 안 되겠죠. 그래서 id는 동일 이름이 한 html문서당 한 개만 사용하는 것을 권장합니다. 똑같은 이름을 여러 번 쓴다고 오류가 나는 것은 아니지만 나중에 본인이 짠 코드를 보기 어려워질 수 있습니다. 보통은 header와 footer에 id를 주로 쓰고 경우에 따라서 container에도 id값을 주기도 합니다. 2. class class는 id 이외의 요소에 스타일을 주고 싶을 때 주로 사용합니다. 예를 들어 gnb 같은 부분이 있겠죠. 또 선택자로 잡기 힘든 여러 군데 퍼져있는 요소에 동일한 스타일을 줄..

coding/html + css · 2020. 2. 12. 07:30