이번 회차에는 html의 semantic태그에 대해 알아볼 예정이다

이번 회차에는 semantic태그에 대해서 알아보았다. sementic이라는 영어단어는 "의미적인"이라는 뜻을 지니고있는데, html에서 semantic태그는 의미를 가지는 태그를 뜻한다. semantic태그를 사용할 때의 이점으로는, 검색엔진 최적화, 웹 접근성 향상, 가독성 향상 등이 있다고 한다. 일단 먼저, semantic태그가 아닌 div클래스를 이용하여 웹 페이지를 작성해보았다. 다음은 div클래스부분을 semantic태그를 이용하여 수정하여 코드를 작성해보았다. 웹 페이지에는 똑같은 결과가 나오지만, div클래스를 이용할 때에 비해서 눈에 띄게 가독성이 좋아진 것을 확인할 수가 있었다.

-목록태그 태그 - 순서가 있는 목록을 표현할 때 사용한다. 태그 - 순서가 없는 목록을 표현할 때 사용한다. 태그 - 목록 하위 태그이며, 태그 또는 태그의 하위에 위치한다. 태그 - 정의 목록의 약자로, 사전처럼 용어를 설명하는 목록을 만듭니다. 태그 - 정의 용어의 약자로, 정의되는 용어의 제목을 넣을 때 사용합니다. 태그 - 정의 설명의 약자로, 용어를 설명하는데 사용합니다. 주의사항으로는 dl태그는 하나이상의 dt,dd쌍의 태그를 갖고 있어야한다, 단 반드시 dt,dd가 하나의 짝으로 지어져야 하는 것은 아니다. li,dt-dd태그는 밖에서 독립적으로 사용할 수 없다.(li태그는 ul,ol 태그, dt-dd태그는 dl태그 하위에 있어야함) ul태그 하위요소로는 li태그가 위치해야한다. 실제로 v..