Semantics(시멘틱)이란?

사진이 깨져서 잘 안나오지만 소스보기를 통해
뉴스 파트를 클릭한 부분.

네이버는 속성(id)값을 해쉬처리 하지 않아서 일반 사용자도 변수명을 확인 할 수 가있다.

시멘틱은 특별한 특징이 있는 것이 아니다.
의미를 가지고 있는 것인데, 네이버 뉴스 헤더 부분의 작성한 코드와 같이 id="NM_NEWSSTAND_HEADER"라고 직관적으로 쓰여있다.
직관적이라고 하는 것은 페이지의 뉴스 부분을 보지 않고도 소스만 보고
"아 뉴스의 헤더 라인과 관련된 값이겠구나"하고 유추를 할 수가 있다.
이렇게 코드를 짠 것을 시맨틱 하게 코딩을 했다고 표현할 수 있는 부분이다.
즉, 시맨틱 하지 않다고 해서, 변수를 모르게 막 써서 어렵게 작성한다고 해서 기능의 이상은 없다.
기능의 영향을 끼치지않는다.
단지 직관적으로 파악할 수 있게 시맨틱 하게 작성한다고 보면 된다

Reference

https://developer.mozilla.org/ko/docs/Glossary/Semantics