누구에게 질문하느냐에 따라 HTML 5는 보다 의미 있는 웹을 만들기 위한 다음 단계일 수도 있고, 아니면 불완전한 태그와 태그가 뒤죽박죽되어 웹을 수렁에 빠뜨리는 재앙일 수도 있습니다.
논쟁의 양측의 문제는 자연 환경에서 HTML 5를 사용하는 사이트가 거의 없기 때문에 현재 인식된 문제에 대한 이론적 해결책이 대부분 테스트되지 않은 상태로 남아 있다는 것입니다.
그럼에도 불구하고 차세대 네트워크 마크업 도구의 이점과 잠재적인 위험을 파악하는 것은 어렵지 않습니다.
콘텐츠
HTML 5는 어떻게 다른가요?
먼저 HTML 5를 통해 무엇을 표현하는가? 우선, HTML 5는 이론적으로 캔버스나 오프라인 저장소 API 사양과 같은 새로운 의미 구조 태그, 새로운 인라인 의미 태그 등 모든 것을 표현합니다. 그럼에도 불구하고 우리는 실질적인 이유(PS: 브라우저 지원 문제)를 태그 구조에만 국한합니다. 캔버스, 오프라인 저장소, 로컬 비디오 또는 위치 정보 API는 모두 훌륭하지만 아직 모든 브라우저에서 균일하게 지원되지는 않습니다.
"하지만 잠깐만요" "대부분의 브라우저도 새로운 구조적 요소를 지원하지 않습니다!"라고 말합니다. 사실이지만 대부분의 브라우저는 사용자가 생성하려는 태그를 기꺼이 받아들입니다. IE6도 새 탭을 처리할 수 있지만 CSS로 스타일을 지정하려면 JavaScript의 도움이 필요합니다.
새 탭의 스타일을 지정할 때 기억해야 할 한 가지는 대부분의 브라우저에서 알 수 없는 탭에는 기본 스타일이 없다는 것입니다. 또한 행 수준 요소로 간주됩니다. 그러나 HTML 5의 새로운 태그 대부분은 구성될 수 있으므로 블록 수준 요소의 동작을 제공할 것입니다. 해결책은 CSS 스타일에 display:block;을 포함시키는 것입니다.
오늘날 HTML 5의 새로운 기능 중 일부를 이해하는 데 도움이 되도록 본론으로 들어가 몇 가지 새로운 구조 요소를 사용해 보겠습니다.
드디어 누구나 기억할 수 있는 문서형
HTML 5 문서를 생성하기 위해 가장 먼저 해야 할 일은 새로운 문서 유형을 사용하는 것입니다. 이제 HTML 4 또는 XHTML 1.x 문서 유형을 확실히 기억한다면 당신은 우리보다 더 나쁜 놈입니다. 새 페이지를 만들 때마다 이전 파일을 열고 문서 유형 정의를 잘라내어 붙여넣어야 합니다.