HTML 이미지를 표시하는 새로운 방법


HTML 이미지를 표시하는 새로운 방법

자막이 있는 이미지 만들기 HTML5 이전에는 이미지에 자막(설명글)을 추가하기 위해 img 태그와 함께 별개의 텍스트 요소를 추가해주어야 했습니다. 펭귄 요소는 인라인 요소이므로 을 추가해주었습니다. HTML5에서는 이미지를 비롯해 오디오, 비디오 등의 독립적인 콘텐츠에 자막을 추가해 표시할 수 있는 와 태그가 추가되었습니다. 자막을 담당하는 태그와 콘텐츠(이미지) 태그가 태그에 포함되는 방식으로 사용되며, 이는 자막과 콘텐츠를 함께 관리하기 좋은 편리한 방식입니다. 태그를 이용해 표시한 콘텐츠는 왼편에 조금의 여백이 추가됩니다. 펭귄 요소로 자막을 추가할 때는 을 추가하지 않아도 개행 처리가 됩니다. 여러 이미지 중 선택하게 하기 HTML5의 태그 또한 이미지 소스를 감싸는 역할을 합니다. 그리고 그..


원문링크 : HTML 이미지를 표시하는 새로운 방법