13. Music Player

이 포스트는 김버그님의 김버그의 HTML&CSS 강의 학습 후 메모한 내용을 정리한 것입니다.

출처 edu.goorm.io/learn/lecture/20583/%EA%B9%80%EB%B2%84%EA%B7%B8%EC%9D%98-html-css%EB%8A%94-%EC%9E%AC%EB%B0%8C%EB%8B%A4

김버그의 HTML&CSS는 재밌다 - 구름EDU

 

 

 

📸 Screenshot 

---

 

 

 

 

 

 

📝 메모

---

1.

애플 뮤직 같은 경우는 영어로 서비스 되니

html에는 lang="en"으로 주었지만

 

다른 곳에 한글이 사용된다면

해당 태그에 lang="ko"를 넣어주면 된다.

 

 

 

2.

<div>
	<span class="sr-only">Duration</span>
	04:09
</div>

스크린 리더 사용자에게 좀더 정확한 정보를 주기 위해.

 

 

 

 

3.

<audio> 태그에 controls 속성을 주지 않은 이유는 자바 스크립트로 작동하게 로직을 짤 것이기 때문.