XHTML 태그 의미론 소개_HTML/Xhtml_웹페이지 제작

먼저 설명할 점은 사람들은 시각적 구분을 통해 콘텐츠의 의미를 판단할 수 있으며 검색 엔진은 코드만 본다는 것입니다. 검색 엔진은 태그를 통해서만 콘텐츠의 의미를 판단할 수 있습니다. 이전에는 검색 엔진에 그다지 관심을 기울이지 않았지만 이제는 페이지 트래픽의 대부분이 검색 엔진에서 발생하기 때문에 페이지를 검색 엔진에 최대한 친숙하게 만들기 위해 더 많은 관심을 기울이기 시작했습니다. , 태그의 의미를 최대한 변경해야 합니다.

예전에는 웹 개발에 대한 피상적인 이해를 바탕으로 표준에 맞는 좋은 페이지를 작성하려면 구조와 표현만 분리하고 표, 글꼴을 사용하지 않으면 된다고 생각했습니다. 그리고 다른 태그들은 전체 페이지에 있어서 div입니다. CSS가 매우 강력하기 때문에 문제가 없을 것 같습니다. 그러나 모든 태그에는 고유한 의미가 있습니다.

div 의미: 나누기(구분)

범위 의미: Span(범위)

ol 의미: 순서 있는 목록(정렬된 목록)

ul 의미: 순서 없는 목록(순서 없는 목록)

li 의미: 목록 항목(목록 항목)

… ………

태그 의미와 기본 스타일을 무시하고 모든 태그에 div를 사용한다면 CSS를 유연하게 사용하기만 하면 실제로 좋은 시각적 효과가 있는 페이지를 작성할 수 있습니다. 그러나 이 경우 시각적 요구 사항이 충족되었음에도 불구하고 전체 페이지에는 의미가 전혀 없으며 검색 엔진은 여전히 ​​이를 이해할 수 없습니다. 그러므로 기억하세요:

구조(html)가 초점이고 스타일(css)은 구조를 수정하는 데 사용됩니다. 따라서 먼저 html과 태그를 결정한 다음 적절한 CSS를 선택해야 합니다.

일반적으로 모든 태그에는 기본 스타일이 있으므로 웹 페이지 태그의 의미가 좋은지 판단하는 간단한 방법은 스타일을 제거하고 웹 페이지 구조가 잘 구성되어 있는지, 스타일이 올바른지 확인하는 것입니다. 여전히 가독성이 좋습니다.

또한, h 태그의 의미적 의미는 검색 엔진이 이 태그, 특히 h1과 h2에 더 민감하다는 점입니다. 의미가 좋은 페이지의 경우 h 태그는 공백 없이 완전하고 질서정연해야 합니다. 즉, h1, h2, h3, h4는 이렇게 눌러야 하고, 대신 h1, h3, h4, h2는 누락되어야 합니다. 잘 구성된 웹페이지의 경우 h 태그를 사용하여 웹페이지의 개요를 구성할 수 있습니다.