# figcaption

sky-pey

10일차 오늘 드디어 제출했다. https://kdt0-parkeunyeong-lush.netlify.app/ 배포 주소는 여기. (다만, js는 최소화하고 html과 css를 최대한 활용해야 했기에 구현하지 못한 부분이 많다.) 다행스럽게도, 어제까지 해결하지 못한 문제들은 오늘은 해결 할 수 있어 모두 적어볼 예정이다. 1. swiper 미작동 이부분에서 오른쪽 swiper가 움직이지 않은 이유는 js내에 적은 코드에서 오타가 있었기 때문.. slidesPerView: 'auto',에서 auto에 ''를

nalsae

🔸 WCAG > * 웹 접근성 준수 가이드라인을 해석하는 바람직한 방법은 무엇인가? > > : 단편적으로 사례 등을 통해서만 가이드라인을 파악하면 안 됨 > : 실질적으로 맥락과 사용자를 고려하고 개선하기 위한 노력이 필요함 > : 구체적으로는 성공 기준의 이유, 설명, 달성 기법, 타이틀 등을 고려해야 함 > * 대체 텍스트 작성을 고려할 때 논점이 될 수 있는 기준에는 어떤 것이 있는가? > > : 이미지를 얼마나 정확하게 표현할 것인가? > : 이미지의 기획 의도를 전달할 것인가? 🔸 HTML > * figure, figcaption 태그는 무엇이고, 어떻게 사용하는가? > > : 다른 부분으로 이동해도 문제 없는 이미지 등의 독립적인 콘텐츠를 포함할 수 있는 요소 > : 첫 번째나 마지막 자식 요소로 figcaption 태그를 사용하여 설명을 덧붙일 수 있음 > * HTML4.01

oiosu

HTML의 요소들은 텍스트 요소, 구조를 나타내는 요소, 목록과 표, 임베디드 요소, 폼관련 요소, 메타데이터 요소, 전역 속성으로 나누어 살펴보고자한다. 그중 기본으로 알아야할 HTML에 대해 간단히 알아보고자 한다. (공부한 내용을 바탕으로 잊지 않기 위해 공부 후 요약처럼 작성하고자함!) >[ 참 고 사 항 ] 평소에 mdn이라는 사이트를 참고하여 개념을 익히고자 노력하고 있다. 이사이트의 검색창에 알고자 하는 요소에 대해 검색하면 그 요소에 대한 정보를 자세하고 쉽게 알 수 있는 사이트이다. HTML 텍스트 요소 1. 제목 H1~H2 : HTML 구획 제목 요소를 나타내는 것으로 h1, h2, h3, h4, h

dyel0216

운동이 끝나고 닭가슴살을 먹으며 Youtube를 보려다가, 유명한 사이트는 어떻게 만들어졌는지 살펴나보자 싶어서, Nike 사이트를 접속했습니다. 개발자 도구를 켜자 Chrome의 확장프로그램 중 Vue.js devtools이 활성화되는 것이 너무 반가웠습니다. 잠시 반가운 마음은 뒤로 하고 구조를 살펴보았습니다. 📌 태그 중첩된 session들이 보이고 생소한 태그인 figure를 발견했습니다. 검색해보니 MDN 페이지에서는 아래와 같이 figure 태그를 설명하고 있습니다. > HTML 요소는 독립적인 콘텐츠를 표현합니다. 요소를 사용해 설명을 붙일 수 있습니다. 피규어, 설명, 콘텐츠는 하나의 단위로 참조됩니다 "왜 굳이 생