2023.07.25 모각코 4회차 결과

이번 회차에는 semantic태그에 대해서 알아보았다.

 

 

sementic이라는 영어단어는 "의미적인"이라는 뜻을 지니고있는데,

html에서 semantic태그는 의미를 가지는 태그를 뜻한다.

 

semantic태그를 사용할 때의 이점으로는, 검색엔진 최적화, 웹 접근성 향상, 가독성 향상 등이 있다고 한다.

 

일단 먼저, semantic태그가 아닌 div클래스를 이용하여 웹 페이지를 작성해보았다.

 

 

 

 

다음은 div클래스부분을  semantic태그를 이용하여 수정하여 코드를 작성해보았다.

웹 페이지에는 똑같은 결과가 나오지만, div클래스를 이용할 때에 비해서 눈에 띄게 가독성이 좋아진 것을 확인할 수가 있었다.