Semantic HTML

●해당 HTML 관련 글 들은 제가 알아보기 쉽게 메모장 형식으로 쓴 것이며, 실제 내용과 상이 할 수 있으며, 제가 알아보기 쉽게 쓴 글로써, 읽으실 때 참고만 하시길 권장드립니다. 대부분의 내용은 생활코딩을 참고하였습니다. 출처를 밝힙니다.

 

 

의미가 잘 드러나는 웹이라는 뜻이다.

 

• 시맨틱 HTML은 태그 사이에있는 내용에 대한 컨텍스트를 제공하는 특정 요소를 통해 페이지에 의미를 도입합니다.

• 시맨틱 HTML은 최신 표준이며 화면 판독기를 사용하여 웹 페이지를 번역하고 웹 사이트의 SEO를 향상시키는 사람들이 웹 사이트에 액세스 할 수 있도록합니다.

• <header><nav><main><footer>

  ,

  ,

  및

  웹 페이지의 기본 구조를 만들 수 있습니다.

• <section>

  장, 제목 또는 테마가 같은 문서의 다른 영역과 같은 문서의 요소를 정의합니다.

• <article>

  기사, 블로그, 댓글 등 자체적으로 의미가있는 콘텐츠를 보유합니다.

• <aside>

  주요 콘텐츠와 관련된 정보를 포함하지만 주요 정보를 이해하는 데 필요하지 않습니다.

• <figure>

  모든 유형의 미디어를 캡슐화합니다.

• <figcaption><figure>

  에서 미디어를 설명하는 데 사용됩니다

  .

• <video><embed><audio>

  ,

  및

  요소는 미디어 파일에 사용됩니다.

  더 쉽고 유용하게 만들 수 있는 태그를 이용하는 HTML을 말한다.