Section

JavaScript

[JavaScript] 선택해서 섹션 이동하기

섹션 1 섹션 2 섹션 1 이곳은 섹션 1의 내용입니다. 섹션 2 이곳은 섹션 2의 내용입니다. 간단한 메뉴를 이용하여 웹 페이지의 섹션으로 스크롤을 이동하는 예시입니다. HTML, CSS 설명은 제외하고 JavaScript 설명만 추가하면 DOMContentLoaded 는 이벤트를 기다리고 이벤트가 발생하면 메뉴 링크들에 이벤트 리스너를 추가한다. document.querySelectorAll("a")는 페이지 내의 모든 링크요소를 선택한다 menuLinks.forEach(...) 는 각 링크 요소에 대해서 반복문을 실행한다. link.addEventListener("click", ...)은 각 링크에 클릭 이벤트 리스너를 추가한다. event.preventDefault() 는 링크 클릭 시 기본동작(..

간단한 공부

[공부] 시멘틱 태그(Semantic Tag) 란?

Semantic Tag 란? 시멘틱 태그는 한줄로 요약하면 의미를 부여한 태그라고 보면된다. Division(분할) 태그에 의미를 부여하여 검색엔진을 최적화 하여 의미가 있는 요소는 개발자 모두에게 명확한 의미를 전달한다. 종류 등 더 많은 시멘틱 태그가 존재한다. 이런 시멘틱 태그는 HTML5에서 처음 등장한다.

Potato Ongsim
'Section' 태그의 글 목록