집 >웹 프론트엔드 >프런트엔드 Q&A >HTML5 시맨틱 태그의 의미는 무엇입니까

HTML5 시맨틱 태그의 의미는 무엇입니까

WBOY원래의: 2022-01-23 13:47:522280검색

HTML5에서 시맨틱 태그는 브라우저와 개발자에게 그 의미를 명확하게 설명할 수 있습니다. 즉, 해당 구조적 의미가 있는 Html 태그를 사용하려고 하면 "footer", "header" 및 "nav"가 포함됩니다. " 태그 등

이 튜토리얼의 운영 환경: Windows 10 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML5 시맨틱 태그의 의미는 무엇인가요?

Semantic = 의미

Semantic 요소 = 의미 있는 요소

Semantic 요소란 무엇인가요?

Semantic 요소는 브라우저와 개발자에게 그 의미를 명확하게 설명할 수 있습니다.

의미 없는 요소의 예:

및 - 내용을 고려할 필요가 없습니다.

의미 요소의 예:

및

많은 기존 웹사이트에는 다음과 같은 HTML 코드가 포함되어 있습니다:

또는

탐색 링크, 헤더 및 예고편은 웹 페이지의 다양한 부분을 명확하게 하는 새로운 의미 요소를 제공합니다.

예는 다음과 같습니다 :

태그는 문서의 섹션(섹션, 섹션)을 정의합니다. 장, 머리글, 바닥글 또는 문서의 기타 부분 등입니다.

<html>
<head> 
<meta charset="utf-8"> 
<title>123</title> 
</head>
<body>
<section>
  <h1>WWF</h1>
  <p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was founded in 1961.</p>
</section>
<section>
  <h1>WWF&#39;s Panda symbol</h1>
  <p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment of WWF.</p>
</section>
</body>
</html>

출력 결과:

HTML5 시맨틱 태그의 의미는 무엇입니까

HTML5 시맨틱 태그의 의미는 무엇인가요?

관련 기사