1. 반응형 웹 디자인
2. HTML5

반응형 웹 디자인

반응형 웹 디자인은 다양한 디바이스와 화면 크기에 맞추어 웹사이트가 자동으로 조정되도록 하는 기술입니다. 반응형 웹 디자인은 웹사이트를 모든 기기에 최적화해 사용자 경험을 향상시킬 수 있습니다.

중요한 특징

• 유연한 레이아웃: 다양한 화면 크기에 맞게 조정되어 내용이 자연스럽게 표시됩니다.
• 미디어 쿼리: 미디어 유형과 특성에 따라 스타일을 변경하는 CSS3의 기능을 통해 디바이스별로 다른 스타일을 적용할 수 있습니다.

예제 코드

@media screen and (max-width: 600px) {
  .container {
    width: 100%;
  }
}

자세한 내용은 MDN 웹 문서를 참고할 수 있습니다.

HTML5

HTML5는 최신 버전의 HTML로, 오디오, 비디오 및 그래픽 요소를 지원하는 등 풍부한 기능을 제공합니다.

중요한 특징

• 시맨틱 요소: 의미론적 태그를 사용하여 구조를 명확하게 표현할 수 있습니다.
• 멀티미디어 지원: 오디오, 비디오, canvas 등의 다양한 멀티미디어 요소를 지원합니다.

예제 코드

<video controls>
  <source src="movie.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

HTML5에 대해 더 자세히 알아보려면 W3C에서 제공하는 정식 권고안을 참고할 수 있습니다.