반응형

HTML5 2

[HTML5] Audio

Audio 태그는 웹 페이지 내에서 오디오를 내장하기 위한 기본적인 방법입니다. 크롬도 지원하고 Internet Explorer도 9.0부터 지원합니다. 아주 휼륭하죠? 기본적인 사용법은 안에 태그를 넣으면 됩니다. 아래와 같이 테스트를 해볼 수 있습니다. 테스트를 해보니 Source의 순서도 의미가 있는 것을 확인했습니다. 위쪽 Source가 우선순위를 가지고 사용됩니다. 만약 지원하지 않는 포멧이라면, 다면 다음 소스를 사용합니다. 그렇다면 Audio에 Base64 문자열을 source로 쓸 수 있을까요? 한 번 테스트를 해보았습니다. 샘플은 아래와 같습니다. Source 태그를 반드시 사용해야하는 것은 아니기 때문에 생략했습니다. Base64 문자열로도 사용할 수 있음을 확인했습니다.

HTML&CSS 2018.08.13

[HTML] SPAN

? span의 단어 뜻을 먼저 찾아보겠습니다. 1. (어떤 일이 지속되는) 기간[시간] 2. (포괄하는) 폭[범위]; 다양성 3. 경간(俓間: 다리・건물 따위의 기둥과 기둥 사이) 4. 폭, 너비 전체적으로, 폭의 의미를 가지고 있는 것 같습니다. 비슷한 역할을 하는 태그로는 DIV가 있습니다. 그렇다면 DIV와는 어떤 차이가 있을까요? 아래 jsFiddle의 Result 부분을 보면, div와 span의 차이점을 확인할 수 있습니다. div는 모든 가로폭을 다 차지하지만, span은 태그 안에 내용의 공간만 차지하고 있습니다. 그래서 div를 사용하면 줄바꿈이 되지만, span은 줄 그대로 내용에 삽입이 가능합니다. http://endic.naver.com/enkrEntry.nhn?sLn=kr&entr..

HTML&CSS 2017.08.25
반응형