"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 시맨틱 HTML

시맨틱 HTML

2024-11-08에 게시됨
검색:659

SEMANTIC HTML

시맨틱 HTML은 유지 관리 및 SEO 친화적인 방식으로 웹 사이트를 구성하는 데 도움이 되는 HTML의 일부입니다. SEO는 검색 엔진 최적화를 의미합니다.

사이트를 구축할 때 HTML 의미 체계를 준수하면 해당 사이트는 검색 엔진에서 쉽게 순위를 매길 수 있으며 물론 화면 판독기가 웹 사이트를 쉽게 탐색할 수 있게 됩니다.

다음은 의미론적 HTML 태그 중 일부입니다.

1-
"헤더" 태그는 페이지 소개 콘텐츠, 탐색 링크, 메뉴 및/또는 검색창이 들어가는 곳입니다. 브랜드 로고도 들어가 있어요!

2-
"main" 태그는 페이지의 주요 내용이 들어가는 곳입니다.

3-
"article" 태그는 독립적인 자체 포함 콘텐츠가 들어가는 곳입니다. 그 자체로 의미가 있는 콘텐츠입니다. 이것은 블로그 게시물일 수 있습니다.

4-
"섹션" 태그는 콘텐츠를 여러 부분으로 나눕니다. 일반적으로 제목이 포함됩니다. "헤더" 태그가 아닙니다.

5-
"aside" 태그는 페이지의 게시물에 보조 또는 관련 콘텐츠를 추가하는 데 사용됩니다.

참고: "section" 태그는 "article" 태그에 중첩될 수 있고 "aside" 태그는 둘 중 하나에 중첩될 수 있습니다.

6-
"바닥글" 태그에는 다음과 같은 페이지 정보가 포함됩니다. 연락처, 링크 및 법적 정보.

감사합니다. 도움이 되었으면 좋겠습니다!

릴리스 선언문 이 글은 https://dev.to/pacmansnr_01/semantic-html-32d9?1에서 복제되었습니다. 침해 내용이 있는 경우, [email protected]으로 연락하여 삭제하시기 바랍니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3