목차

• 섹션 요소
• 멀티미디어 요소
• 폼 요소

섹션 요소

HTML5에서는 페이지를 더 작은 구획으로 나누는 섹션 요소가 도입되었습니다. 이를 통해 더 의도적이고 의미 있는 구획을 만들 수 있습니다. 주요 섹션 요소로는 <header>, <footer>, <nav>, <article>, <section> 등이 있습니다.

예시:

<header>
  <h1>웹 페이지의 머리말</h1>
</header>
<article>
  <h1>기사 제목</h1>
  <p>기사 내용</p>
</article>
<footer>
  <p>&copy; 2022. 웹사이트 이름</p>
</footer>

멀티미디어 요소

HTML5는 멀티미디어 콘텐츠를 삽입하는 데 사용되는 요소들을 도입했습니다. <img>, <video>, <audio> 등의 요소를 사용하여 이미지, 비디오, 오디오 등을 웹 페이지에 삽입할 수 있습니다.

예시:

<img src="이미지 파일 경로" alt="이미지 설명">
<video src="비디오 파일 경로" controls>
  비디오를 지원하지 않는 경우 여기에 대체 콘텐츠를 삽입합니다.
</video>
<audio src="오디오 파일 경로" controls>
  오디오를 지원하지 않는 경우 여기에 대체 콘텐츠를 삽입합니다.
</audio>

폼 요소

HTML5는 사용자 입력을 받기 위한 폼 요소를 개선했습니다. 이러한 폼 요소를 사용하여 사용자로부터 정보를 수집하고 제출할 수 있습니다. 새로 도입된 폼 요소로는 datalist, keygen, output 등이 있습니다.

예시:

<form>
  <label for="username">사용자명:</label>
  <input type="text" id="username" name="username">
  <input type="submit" value="제출">
</form>

HTML5의 새로운 요소는 웹 페이지를 더 의미 있는 방식으로 구조화하고 다양한 멀티미디어 콘텐츠를 쉽게 삽입할 수 있도록 도와줍니다.