HTML/learned_it_today
13. Music Player
윰윰로그
2020. 10. 15. 15:10
이 포스트는 김버그님의 김버그의 HTML&CSS 강의 학습 후 메모한 내용을 정리한 것입니다.
김버그의 HTML&CSS는 재밌다 - 구름EDU
HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까지 한 강의로 끝내기, 실무 가능한 실력으로 😎
edu.goorm.io
📸 Screenshot
📝 메모
1.
애플 뮤직 같은 경우는 영어로 서비스 되니
html에는 lang="en"으로 주었지만
다른 곳에 한글이 사용된다면
해당 태그에 lang="ko"를 넣어주면 된다.
2.
<div>
<span class="sr-only">Duration</span>
04:09
</div>스크린 리더 사용자에게 좀더 정확한 정보를 주기 위해.
3.
<audio> 태그에 controls 속성을 주지 않은 이유는 자바 스크립트로 작동하게 로직을 짤 것이기 때문.