[HTML] HTML5

❓HTML

HTML은 콘텐츠의 구조를 정의하는 언어입니다. 브라우저는 HTML 문서를 해석하여 사용자에게 웹 페이지를 보여줍니다.

❓HTML5

HTML5는 최신 웹 표준으로, 웹 페이지의 구조와 내용을 정의하는 마크업 언어입니다. HTML5는 이전 버전과 달리 더 강력한 기능을 제공하며, 웹 애플리케이션 개발에 있어 핵심적인 역할을 합니다.

👍HTML5의 장점

HTML5는 웹 문서의 구조를 정의하는 동시에, 멀티미디어 콘텐츠(예: 오디오, 비디오)를 보다 간편하게 삽입할 수 있도록 해줍니다. 또한, 브라우저에서 플러그인 없이 다양한 기능을 구현할 수 있도록 설계되었습니다.

• 시맨틱 태그: HTML5에서는 <article>, <section>, <header>, <footer> 등 콘텐츠의 의미를 표현하는 시맨틱 태그가 도입되었습니다.
• 멀티미디어 지원: HTML5는 <audio>, <video> 태그를 통해 플러그인 없이 멀티미디어 콘텐츠를 직접 삽입하고 재생할 수 있습니다.
• 폼 요소 개선: 새로 추가된 <input> 타입(예: date, email)을 통해 보다 유연한 사용자 입력 폼을 제공할 수 있습니다.

❗️시맨틱 HTML의 중요성

시맨틱 HTML은 콘텐츠의 의미를 명확히 하여, 사람이 읽기 쉬울 뿐만 아니라 검색 엔진이나 스크린 리더와 같은 기술도 문서의 구조를 이해할 수 있게 만듭니다.
이는 웹 접근성을 높이고, 검색 엔진 최적화에도 긍정적인 영향을 미칩니다.

시맨틱 태그의 예시

• <header>: 페이지나 섹션의 머리글을 정의합니다.
• <footer>: 문서 또는 섹션의 바닥글을 정의합니다.
• <article>: 독립적이고 완전한 콘텐츠를 나타냅니다. 기사, 블로그 글 등에 사용됩니다.
• <section>: 문서의 주제를 나누는 구역을 정의합니다.

시맨틱 태그를 사용하면 코드가 더 직관적이며 유지보수가 쉬워지고, 웹 페이지가 의미적으로 더 명확해집니다.