>  기사  >  웹 프론트엔드  >  HTML5 의미론 - 기본

HTML5 의미론 - 기본

黄舟
黄舟원래의
2017-02-07 13:56:581593검색

2013년 초에 61b85035edf2b42260fdb5632dc5728a 요소가 W3C HTML 사양에 공식적으로 추가되었습니다. 지금까지 이 요소에 대한 정의는 매우 완벽했기 때문에 이제 더 자세히 살펴보겠습니다.

 W3C 사양

 61b85035edf2b42260fdb5632dc5728a의 주요 목적은 ARIA의 랜드마크 기능을 HTML 요소에 매핑하는 것입니다. 이를 통해 화면 판독기와 보조 장치가 페이지의 주요 콘텐츠가 시작되는 위치를 알 수 있습니다. W3C 사양에서는 61b85035edf2b42260fdb5632dc5728a을 다음과 같이 설명합니다.

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

61b85035edf2b42260fdb5632dc5728a 요소가 HTML 사양에 포함되었으므로 6c04bd5ca3fcae76e30b72ad730ca86d 요소가 HTML4 정의로 되돌아갔습니다.

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

사양에 따르면 문서에서 여러 개의 61b85035edf2b42260fdb5632dc5728a 태그를 사용하려고 하면 W3C 유효성 검사기에서 오류가 발생합니다.

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

사용 다른 새로운 HTML5 요소와 마찬가지로 모든 브라우저가 61b85035edf2b42260fdb5632dc5728a을 인식하고 기본 스타일을 추가할 수 있는 것은 아닙니다. 자체적으로 블록 수준 요소로 만들어야 할 수도 있습니다. CSS 파일.

main {display:block;}

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

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

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

61b85035edf2b42260fdb5632dc5728a 요소를 사용하는 가장 쉬운 방법은 ID 또는 Class 값을 main 또는 content로 바꾸는 것입니다. ;div> 요소.


그렇다면 실제로는 어떤 모습이어야 할까요? 다음은 61b85035edf2b42260fdb5632dc5728a 요소를 사용하기 전의 문서 구조입니다.

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

다음으로 61b85035edf2b42260fdb5632dc5728a 요소를 사용하여 문서를 다시 작성합니다.

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

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

요약

보시다시피 61b85035edf2b42260fdb5632dc5728a 요소를 사용하는 것은 매우 쉽고 몇 분 밖에 걸리지 않습니다. 이제 이제 61b85035edf2b42260fdb5632dc5728a 웹사이트를 개발하기 위해.

위 내용은 HTML5 semantics - main 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.