HTML - 태그2

오디오

<audio> 태그 사용

<audio src="경로" controls></audio>

 

비디오

<video> 태그 사용

<video src="경로" controls></audio>

 

브라우저 마다 지원되는 형식이 다름

→ source태그로 해결

        <audio controls>

            <source src="./Bourree - Joel Cummins.wav" type="audio/wav">

            <source src="./Bourree - Joel Cummins.mp3" type="audio/mp3">

            지원하지 않는 브라우저입니다.

        </audio>

 

Semantics 태그 (검색 엔진 노출 최적화)

- <header> : 웹사이트의 헤드 영역 (사이트의 로고, 로그인, FAQ등)

- <nav> : 웹페이지의 내부영역과 외부영역 연결하는 링크영역을 구분하는데 사용

- <section> : 웹페이지에서 논리적으로 관련된 내용과 영역을 나타낼 때 사용

→ h(n)태그 중 하나가 반드시 사용되어야 함 (권고)

- <article> : 웹페이지 내에서 독립적으로 나타낼 수 있는 콘텐츠

- <aside> : 웹페이지 사이드에 있는 내용들 (로그인, 광고배너 등)

- <footer> : 사이트의 마지막부분, copyright등

- <main> : head와 footer 사이의 주요 컨텐츠

- <figure> - 이미지 구역화

- <figcaption> - 이미지 설명