HTML5 - 새로운 의미 요소의 사용 및 호환성

1. 새로운 의미 요소:

HTML5는 웹 페이지의 다양한 부분을 명확하게 하는 새로운 의미 요소를 제공합니다.

• : 는 문서의 헤더 영역을 설명합니다. , 는 문서의 헤더 영역을 정의하는 데 사용됩니다. 콘텐츠 소개 표시 영역

• : 내비게이션 링크를 정의하는 부분입니다.

• : 은 문서의 섹션(섹션, 섹션)을 정의합니다. 문서의 장, 머리글, 바닥글 또는 기타 부분과 같은 섹션에는 일반적으로 콘텐츠 그룹과 제목이 포함됩니다.

• : 은 독립적인 콘텐츠를 정의합니다.

• : 페이지의 기본 영역(예: 사이드바) 외부에 있는 콘텐츠를 정의합니다.

• : 태그는 독립적인 스트림 콘텐츠(이미지, 차트, 사진, 코드 등)를 지정합니다.

• : 은

  요소의 제목 을 정의합니다.
  

• : 는 문서의 하단 영역을 설명합니다. , 바닥글에는 일반적으로 작성자와 저작권이 포함됩니다. 문서의 정보, 링크된 이용 약관, 연락처 정보 등 .

웹 페이지에서 이러한 새로운 의미 태그 요소의 위치는 다음과 같습니다.

2. 새로운 요소에 대한 브라우저 호환성 문제:

이러한 블록과 요소가 모든 버전의 브라우저에 적용되려면 다음을 수행해야 합니다. 스타일에 추가 테이블 파일의 속성을 설정합니다(다음 스타일 코드를 사용하면 이전 브라우저가 이 장에 소개된 블록 수준 요소를 지원할 수 있습니다):

header, section, footer, aside, nav, article, figure
{ 
    display: block; 
}

IE8 및 이전 IE 버전은 이러한 요소에서 CSS 효과를 렌더링할 수 없으므로

,

,

,

를 사용할 수 없습니다. ,

,

,

또는 기타 HTML5 요소를 사용하여 HTML5 Shiv를 사용하여 이 문제를 해결할 수 있습니다.

<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<![endif]-->

위 내용은 HTML5-new 시맨틱 요소의 사용 및 호환성에 대한 자세한 내용은 PHP 중국어 홈페이지(www.php.php)를 참고하시기 바랍니다. CN)!