HTML 사진, 영상 삽입 관련 태그

audio

 
    - 소리 삽입을 위한 태그
    - 자동으로 닫는 태그 X
    - 시멘틱 o
    - autoplay 속성을 부여하여 자동 재생 설정을 할 경우 muted 속성을 같이 부여하여 음소거하는 것이 권장됨(일부 브라우저에서는 자동 재생시 음소거를 하지 않으면 자동 재생을 무시하는 경우가 있음)
    - 속성
        - autoplay  : 페이지가 로드되었을 때 자동으로 재생할 것인가에 대한 속성. 속성값을 가지지 않으며 부여된 것으로 의미를 가짐

        - controls  : 볼륨 조절, 재생 및 일시정지, 장면 탐색 등의 기능을 활성화할 것인가에 대한 설정. 속성값을 가지지 않으며 부여된 것으로 의미를 가짐

        - loop      : 반복재생할 것인가에 대한 속성. 속성값을 가지지 않으며 부여된 것으로 의미를 가짐

        - muted     : 음소거할 것인가에 대한 속성. 속성값을 가지지 않으며 부여된 것으로 의미를 가짐

        - src       : 소리 리소스의 주소 및 경로. 단, <audio>태그가 자식으로 <source>태그를 가진다면 생략할 수 있다.

source

    - <audio> 혹은 <video>가 한개 이상의 리소스를 재생 목록으로 가져야할 때 사용하는 태그.
    - 자동으로 닫는 태그 o
    - 시멘틱 o
    - 속성
        src         : 리소스의 주소 및 경로

video

    - 영상 삽입을 위한 태그
    - 자동으로 닫는 태그 X
    - 시멘틱 o
    - autoplay 속성을 부여하여 자동 재생 설정을 할 경우 muted 속성을 같이 부여하여 음소거하는 것이 권장됨(일부 브라우저에서는 자동 재생시 음소거를 하지 않으면 자동 재생을 무시하는 경우가 있음)
    - 속성
        - autoplay  : 페이지가 로드되었을 때 자동으로 재생할 것인가에 대한 속성. 속성값을 가지지 않으며 부여된 것으로 의미를 가짐

        - controls  : 볼륨 조절, 재생 및 일시정지, 장면 탐색 등의 기능을 활성화할 것인가에 대한 설정. 속성값을 가지지 않으며 부여된 것으로 의미를 가짐

        - loop      : 반복재생할 것인다에 대한 속성. 속성값을 가지지 않으며 부여된 것으로 의미를 가짐

        - muted     : 음소거할 것인가에 대한 속성. 속성값을 가지지 않으며 부여된 것으로 의미를 가짐
        - src       : 영상 리소스의 주소 및 경로. 단, <video>태그가 자식으로 <source>태그를 가진다면 생략할 수 있다.