프로그래머스 고양이 사진 검색 사이트 - 개발 (HTML/CSS 시멘틱 마크업 적용)

Z6su3·2022년 4월 21일
0

🐇 HTML Semantic Elemets

W3Schools를 참고하여 시멘틱 마크업을 적용시킵니다. 적용한 내용은 숙달된 상태로 작성한 부분이 아니기 때문에, 고려하여 수정 또는 질문 부탁드립니다.

🐇 Components

생성한 모든 컴포넌트에 대해 해당 작업을 진행합니다. 내용은 다음과 같습니다.

🥕 ImageBanner.js

SlideShow class의 div부분을 section으로 변경합니다.

🥕 ImageInfo.js

ImageInfo class의 div부분을 details로 변경합니다.

content-wrapper class의 하위 div부분을 article로 변경합니다.

🥕 Loading.js

Loading class의 div부분을 aside로 변경합니다.

content class의 하위 div부분을 article로 변경합니다.

🥕 SearchError.js

SearchError class의 div부분을 article로 변경합니다.

🥕 SearchInput.js

SearchSection class의 div부분을 section으로 변경합니다.

🥕 SearchKeyword.js

SearchKeyword class의 div부분을 buttons로 변경합니다.

🥕 SearchResult.js

SearchResult class의 div부분을 section으로 변경합니다.

item class의 div부분을 article로 변경합니다.

profile
기억은 기록을 이길수 없다

0개의 댓글