개발 공부/HTML & CSS3 <header> <footer> 태그 사용하는 이유 html 문서 예시를 보면 그냥 다 div나 span로 통일하고 class 지정해주면 되는걸 왜 header footer을 쓰는거지? 하고 궁금해 했는데 검색해보니 생각보다 간단한 이유였다. 클린 코드가 중요하듯이 html문서를 볼 때 알아보기 쉽게 header footer nav aside 태그를 사용해 header라면 아 이 안의 코드는 제일 위를 구성하고 있겠구나?!를 보여주는 것이다. 이런식으로 대략적으로 태그가 어디 존재하는지를 알 수 있다. html5 부터 시멘틱한 html 작성이 중요하다고 하는데 비록 백엔드를 지망하지만 html도 그렇고 css도 sass를 알아보고 싶고 자스도 더 파보고 싶고... 자바부터 열심히 합시다^^ 2022. 10. 25. CSS HTML <picture> <source> 태그에서 media 사용했는데도 이미지가 똑같을 때 어이없게도 분명히 코드를 맞게 적었는데! 예제랑 똑같이 작성을 했는데!도 불구하고 태그에선 작동하는 이미지가 태그에서 media랑 같이 쓰니 작동하지 않아 너무 답답했는데요 그 이유를 발견했습니다. img 태그와 source 태그의 위치가 바뀌어서 그렇습니다.....;;; 혹시 img 태그를 Picture 태그의 마지막 자식에 배치했음에도 이미지가 나오시지 않는 분들은 source 태그가 여러개라면 min-width을 오름차순으로 배치해보세요! 이런식으로요 도움이 되었으면 좋겠습니다. 2022. 10. 25. html에서 <ul> <ol> <dl> 그리고 <li>의 차이 은 ordered list의 약자로 순서가 있는 목록을 만들 때 사용합니다. 은 unordered list의 약자로 순서가 없는 목록을 만들 때 사용합니다. 불렛 마크로 표시된 목록을 생각하면 됩니다. 은 definition list의 약자로 용어를 설명하는 목록을 만들 때 사용합니다. 마지막으로 은 위의 모든 를 사용할 때 그 하위목록을 나타낼 때 사용합니다. 이런식으로요!! 이렇게 목록을 만듭니다 ul은 unordered list 2022. 10. 24. 이전 1 다음 반응형