{HTML}시맨틱 마크업을 써야하는 이유 + 예제로 알아보기

프론트단에서 나타나는 가시적인 부분과 기능은 동일 할 지 몰라도 코드를 보고 이해하기에는 시맨틱 html 작성법이 더욱 용이함 + 더 길고 많은 양의 코드를 다루는 현업에서 시맨틱 마크업 사용은 필수적일 것

  <div style="margin:0.67em 0; font-size: 2em;
              font-weight: 700;">제목</div>
  <div style="color: -webkit-link; cursor:
              pointer; text-decoration: underline;"
       onclick="window.open('www.naver.com/')">링크
</div>
     
     
     
     <div>
       <h1>제목</h1>
       <a href="wwwn.naver.com/"
          target="_blank">링크</a>
     </div>`