Semantics - MDN Web Docs 용어 사전: 웹 용어 정의 | MDN

Semantics?

프로그래밍에서 시맨틱은 코드 조각의 의미를 나타냅니다.

예를들어 JavaScript 함수 혹은 HTML 엘리먼트, CSS에서 가진 목적이나 역할을 나타낸다.

JavaScript 시맨틱

JavaScript의 경우입니다. textContent 문자열을 매개변수로 하고 <li> 요소를 반환하는 함수를 생각해봅시다. 코드 볼 때, 함수를 build('Peach') 로 부르거나 createLiWithContent('Peach') 부르는 것 중 어느 것이 이 함수의 기능 파악하기에 쉬울까요?

CSS 시맨틱

CSS의 경우입니다. 다양한 종류의 과일을 나타내기 위해서는 리스트 태그 li 가 있다고 가정해봅시다. div> ul> li 와 .fruits__item 둘 중 어떤 것이 어떤 DOM부분이 선택되었는지 잘 알려줄까요?

HTML 시맨틱

예를 들어 HTML에서는 <h1> 은 시맨틱 요소입니다. "이 페이지에서 최상위 제목" 인 텍스트를 감싸는 역할(또는 의미)를 나타냅니다.