html5 기본 태그는 무엇을 의미합니까? html5 기본 태그의 역할에 대한 자세한 소개

html5 메인 태그는 무엇을 의미하나요? html5 기본 태그의 기능은 무엇입니까? 이 문서에서는 주로 html5 기본 태그의 정의와 특정 기능에 대해 설명하고 html5 기본 태그 사용에 대한 자세한 지침을 설명합니다.

우선 html main이 무엇을 의미하는지 이해합시다:

html5 main 태그의 정의와 기능:

# 🎜 🎜#

태그는 문서의 주요 내용을 지정합니다.

요소의 콘텐츠는 문서에 고유해야 합니다. 사이드바, 탐색 모음, 저작권 정보, 사이트 로고, 검색 양식 등 문서 전체에 반복적으로 나타나는 콘텐츠를 포함해서는 안 됩니다.

참고: 하나 이상의

요소가 문서에 나타날 수 없습니다.

요소는

,

,

,

또는

의 하위 요소일 수 없습니다.

태그는 HTML 5의 새로운 태그입니다.

요소는 2013년에 W3C HTML 사양에 공식적으로 추가되었습니다. 지금까지 이 요소의 정의는 꽤 좋았으므로 이제 자세히 살펴보겠습니다.

요소를 사용하는 데 적합합니다. 그럼 시작해 보겠습니다.

W3C 사양의 주요 목적은

이를 통해 화면 판독기와 보조 장치가 페이지의 주요 콘텐츠가 시작되는 위치를 알 수 있습니다.

W3C 사양에서는

을 다음과 같이 설명합니다.

문서 또는 애플리케이션의 주요 콘텐츠입니다. 기본 콘텐츠 영역은 문서의 중심 주제 또는 앱의 핵심 기능과 직접 관련되거나 확장되는 콘텐츠로 구성됩니다.

요소가 HTML 사양에 포함되었기 때문에 요소는 HTML4의 정의로 되돌아갔습니다.

body 요소는 문서의 내용을 나타냅니다.

요소 사용 시 주의할 점은 페이지당 한 번만 사용할 수 있다는 것입니다. 페이지는 한 번만 사용할 수 있다고 규정한 이유는 무엇입니까? 구체적인 세부 사항에는 관심이 없지만 일부 요점은 이해가 되는 것 같습니다.

사양에 따라 문서에서 여러 개의

태그를 사용하려고 하면 W3C 유효성 검사기가 오류를 발생시킵니다.

요소에 대한 또 다른 요구 사항은

,

,

,

, <의 하위 요소 노드로 사용할 수 없다는 것입니다. ;내비게이션>

html5 기본 태그의 구체적인 사용:

다른 새로운 HTML5 요소와 마찬가지로 모든 브라우저에서 이를 인식할 수 있는 것은 아닙니다.

사전 설정 스타일을 추가하려면 CSS 파일에서 블록 수준 요소로 설정해야 할 수도 있습니다.

main {display:block;}

때로는 일부 낮은 버전의 IE 브라우저를 지원하기 위해 JavaScript를 사용하여 이 요소를 생성해야 할 수도 있습니다.

<script type="text/javascript">document.createElement(&#39;main&#39;);</script>

물론 html5shiv를 사용할 수도 있습니다.

요소를 사용하는 가장 쉬운 방법은 해당 ID 또는 클래스 값을 다음으로 바꾸는 것입니다. 메인 또는 콘텐츠입니다.

그럼 실제로는 어떤 모습이어야 할까요? 다음은

요소를 사용하기 전의 문서 구조입니다.

<header>Header</header>
<div id="content">Main Content</div>
<footer>Footer</footer>

다음은

요소를 사용하여 문서를 다시 작성합니다.

<header>Header</header>
<main id="content">Main Content</main>
<footer>Footer</footer>

글쎄요, 너무 간단해서 1분도 안 되어 문서를 최신 HTML5 스타일로 다시 작성할 수 있습니다.

【관련 추천】

HTML5 태그는 무엇을 의미하나요? HTML5 태그의 기본 사용법에 대한 자세한 설명

html 텍스트 영역은 무엇을 의미하나요? textarea 태그에서 줄 바꿈과 공백을 얻는 방법은 무엇입니까?

위 내용은 html5 기본 태그는 무엇을 의미합니까? html5 기본 태그의 역할에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!